Skip to content

F
founder_vue
Commit 0c438410 by 张超军
Options

人员/案件指纹编辑，活体采集新增

parent 224377e9
Showing with 782 additions and 78 deletions
src/assets/css/globalBase.scss
...@@ -215,7 +215,7 @@ ...@@ -215,7 +215,7 @@
cursor: text; cursor: text;
} }
/deep/.el-select:hover { /deep/.el-select__input:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important; box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
} }
......
src/views/AllPersonnelBase/AllPersonnelBase.vue
...@@ -1483,5 +1483,178 @@ export default { ...@@ -1483,5 +1483,178 @@ export default {
/deep/.el-table--enable-row-transition .el-table__body td.el-table__cell { /deep/.el-table--enable-row-transition .el-table__body td.el-table__cell {
// height: 55px; // height: 55px;
} }
@import "@/assets/css/globalBase.scss"; /deep/.el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
border: none;
// border-bottom: 1px #f6f8fa solid;
border-top: 1px #f6f8fa solid;
}
// 去除table表格最底部边框
.el-table__row > td {
border: none;
}
// 去除table表格最底部边框
.el-table::before {
height: 0px;
}
/deep/.el-table .el-table__header-wrapper tr th {
background-color: #ecf1f7 !important;
font-size: 14px !important;
font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282f3c !important;
height: 48px !important;
padding: 0 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #f2f7fe !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #f2f7fe !important;
}
/deep/.el-table__row {
height: 48px !important;
}
/deep/.el-table__row--level-1 {
.el-table__cell {
background-color: #f5f6f7 !important;
}
}
/deep/.el-table th > .cell {
font-family: HarmonyOS_Sans_SC_Medium;
}
/deep/.el-table .el-table__cell {
padding: 0 !important;
}
/deep/.el-table__body {
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;
}
}
// 批量操作
.el-tag {
color: #055fe7 !important;
height: 32px;
box-sizing: border-box !important;
padding: 0 8px !important;
background: #ddebff;
border-radius: 4px;
font-size: 0.75rem;
margin-bottom: 16px;
display: flex;
align-items: center;
}
/deep/.el-link--inner {
color: rgb(5, 95, 231);
}
.icon-tanhao1 {
display: flex;
justify-content: center;
align-items: center;
}
// 表格高度 -- 展示下面的border
.split-line {
height: 650px;
border-bottom: 1px solid #eee;
}
// 复选框
/deep/.el-checkbox__inner {
cursor: pointer;
}
/deep/.el-checkbox__input {
line-height: 16px;
}
.search {
/deep/ .el-input__inner {
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px;
border: none;
}
// 输入框选中样式
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:focus {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08);
border-color: none;
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);
border-color: none;
}
// :focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时，:focus-within伪类的元素就会有效著作权归作者所有。
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:focus-within {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08);
border-color: none;
color: #055fe7;
.el-range-input {
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);
border-color: none;
}
}
/deep/.el-input__inner:hover {
cursor: text;
}
// @import "@/assets/css/globalBase.scss";
</style> </style>
src/views/AllPersonnelBase/qbalk.vue
...@@ -1352,5 +1352,178 @@ const datas1 = [ ...@@ -1352,5 +1352,178 @@ const datas1 = [
/deep/.el-table--enable-row-transition .el-table__body td.el-table__cell { /deep/.el-table--enable-row-transition .el-table__body td.el-table__cell {
// height: 55px; // height: 55px;
} }
@import "@/assets/css/globalBase.scss"; /deep/.el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
border: none;
// border-bottom: 1px #f6f8fa solid;
border-top: 1px #f6f8fa solid;
}
// 去除table表格最底部边框
.el-table__row > td {
border: none;
}
// 去除table表格最底部边框
.el-table::before {
height: 0px;
}
/deep/.el-table .el-table__header-wrapper tr th {
background-color: #ecf1f7 !important;
font-size: 14px !important;
font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282f3c !important;
height: 48px !important;
padding: 0 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #f2f7fe !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #f2f7fe !important;
}
/deep/.el-table__row {
height: 48px !important;
}
/deep/.el-table__row--level-1 {
.el-table__cell {
background-color: #f5f6f7 !important;
}
}
/deep/.el-table th > .cell {
font-family: HarmonyOS_Sans_SC_Medium;
}
/deep/.el-table .el-table__cell {
padding: 0 !important;
}
/deep/.el-table__body {
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;
}
}
// 批量操作
.el-tag {
color: #055fe7 !important;
height: 32px;
box-sizing: border-box !important;
padding: 0 8px !important;
background: #ddebff;
border-radius: 4px;
font-size: 0.75rem;
margin-bottom: 16px;
display: flex;
align-items: center;
}
/deep/.el-link--inner {
color: rgb(5, 95, 231);
}
.icon-tanhao1 {
display: flex;
justify-content: center;
align-items: center;
}
// 表格高度 -- 展示下面的border
.split-line {
height: 650px;
border-bottom: 1px solid #eee;
}
// 复选框
/deep/.el-checkbox__inner {
cursor: pointer;
}
/deep/.el-checkbox__input {
line-height: 16px;
}
.search {
/deep/ .el-input__inner {
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px;
border: none;
}
// 输入框选中样式
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:focus {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08);
border-color: none;
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);
border-color: none;
}
// :focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时，:focus-within伪类的元素就会有效著作权归作者所有。
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:focus-within {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08);
border-color: none;
color: #055fe7;
.el-range-input {
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);
border-color: none;
}
}
/deep/.el-input__inner:hover {
cursor: text;
}
// @import "@/assets/css/globalBase.scss";
</style> </style>
src/views/Editor/ajzwbj.vue
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-09-08 13:01:23 * @Date: 2021-09-08 13:01:23
* @LastEditTime: 2021-11-11 16:34:29 * @LastEditTime: 2022-01-13 23:45:55
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\Editor\ajzwbj.vue * @FilePath: \founder_vue\src\views\Editor\ajzwbj.vue
...@@ -31,7 +31,9 @@ import imageEDAJ from './modules/imageEdAJ.vue'; ...@@ -31,7 +31,9 @@ import imageEDAJ from './modules/imageEdAJ.vue';
<style lang="scss" scoped> <style lang="scss" scoped>
.ajzwbj { .ajzwbj {
width: 100%; width: 100%;
height: calc(100% - 47px); height: calc(100% - 4px);
display: flex; display: flex;
justify-content: center;
align-items: center;
} }
</style> </style>
src/views/Editor/modules/ajzwbjLeft.scss
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
.lr-hand { .lr-hand {
// width: 100%; // width: 100%;
width: 268px; width: 268px;
height: 624px; height: 655px;
overflow: auto; overflow: auto;
:nth-child(even) { :nth-child(even) {
margin-left: 8px; margin-left: 8px;
......
src/views/Editor/modules/ryzwbjLeft.scss
...@@ -267,7 +267,7 @@ ...@@ -267,7 +267,7 @@
color: #aeafb4; color: #aeafb4;
} }
.finger-total { .finger-total {
margin-top: 100px; margin-top: 158px;
//position: absolute; //position: absolute;
//bottom: 30px; //bottom: 30px;
display: flex; display: flex;
......
src/views/Editor/ryzwbj.vue
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-09-08 13:00:08 * @Date: 2021-09-08 13:00:08
* @LastEditTime: 2021-12-10 11:59:30 * @LastEditTime: 2022-01-13 23:45:06
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\Editor\ryzwbj.vue * @FilePath: \founder_vue\src\views\Editor\ryzwbj.vue
...@@ -31,7 +31,10 @@ import rydaxx from "./modules/rydaxx.vue"; ...@@ -31,7 +31,10 @@ import rydaxx from "./modules/rydaxx.vue";
<style lang="scss" scoped> <style lang="scss" scoped>
.ryzwbj { .ryzwbj {
width: 100%; width: 100%;
height: calc(100% - 47px); height: calc(100% - 4px);
display: flex; display: flex;
justify-content: center;
align-items: center;
} }
</style> </style>
src/views/Home.vue
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
> >
</el-tab-pane> </el-tab-pane>
</el-tabs> --> </el-tabs> -->
<div class="breadcrumb"></div> <!-- <div class="breadcrumb"></div> -->
<!-- 路由出口 --> <!-- 路由出口 -->
<keep-alive :include="cachePageName"> <keep-alive :include="cachePageName">
<router-view></router-view> <router-view></router-view>
......
src/views/bzxxgl/scss/bzxxfh.scss
...@@ -409,7 +409,7 @@ $tableHeight: var(--tableHeight, 33rem); ...@@ -409,7 +409,7 @@ $tableHeight: var(--tableHeight, 33rem);
.cxfh-dialog { .cxfh-dialog {
z-index: 99; z-index: 99;
position: absolute; position: absolute;
right: 175px; right: 222px;
top: 280px; top: 280px;
width: 400px; width: 400px;
height: 326px; height: 326px;
......
src/views/cxyrd/QueryConfirm.vue
...@@ -259,7 +259,6 @@ ...@@ -259,7 +259,6 @@
:style="{ :style="{
marginLeft: '1.25rem', marginLeft: '1.25rem',
color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7', color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7',
transform: 'translateY(-2px)',
}" }"
@click="toggleSelection()" @click="toggleSelection()"
>清除</el-link >清除</el-link
...@@ -1481,7 +1480,7 @@ b { ...@@ -1481,7 +1480,7 @@ b {
} }
/deep/.el-tag .el-icon-close { /deep/.el-tag .el-icon-close {
background-color: #b1b6c2; background-color: #b1b6c2;
right: 1px !important; // right: 1px !important;
} }
.el-icon-arrow-down { .el-icon-arrow-down {
color: #999999; color: #999999;
...@@ -1895,7 +1894,7 @@ b { ...@@ -1895,7 +1894,7 @@ b {
</style> </style>
<style lang="scss"> <style lang="scss">
.el-tag-box { .el-tag-box {
width: 930px; // width: 930px;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
......
src/views/zzwlr/htcj.scss
#htcj { #htcj {
width: 1544px !important; // width: 1544px !important;
height: 100% !important; height: 100% !important;
overflow: hidden !important; overflow: hidden !important;
margin: 0 24px; margin: 0 24px;
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
.top { .top {
height: 132px; height: 132px;
background: #F6F8FA; background: #f6f8fa;
// background: #F66; // background: #F66;
box-shadow: inset 0px 0px 3px 0px rgba(5, 95, 231, 0.2); box-shadow: inset 0px 0px 3px 0px rgba(5, 95, 231, 0.2);
border-radius: 10px; border-radius: 10px;
...@@ -17,13 +17,14 @@ ...@@ -17,13 +17,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
/deep/.el-select .el-input .el-select__caret{ /deep/.el-select .el-input .el-select__caret {
margin-top: 5px; // margin-top: 5px;
margin-right: 10px; // margin-right: 10px;
} }
/deep/.cjdw .el-input__suffix{ /deep/.cjdw .el-input__suffix {
margin-top: -5px; // margin-top: -5px;
margin-right: 10px; // margin-right: 10px;
line-height: 32px;
} }
.top_fir, .top_fir,
.top_sec { .top_sec {
...@@ -43,7 +44,6 @@ ...@@ -43,7 +44,6 @@
.sfzh { .sfzh {
margin-left: 30px; margin-left: 30px;
} }
} }
.el-select-dropdown__item { .el-select-dropdown__item {
...@@ -69,6 +69,70 @@ ...@@ -69,6 +69,70 @@
} }
} }
} }
/deep/.el-input {
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px;
border: none;
height: 32px;
&:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important;
color: #055fe7;
}
}
/deep/.el-input__inner:hover {
cursor: text;
}
/deep/.el-input__inner:focus {
border-color: none !important;
color: #055fe7;
}
/deep/.el-input__inner {
width: 280px;
}
// 日期选择器
/deep/.el-date-editor {
width: 274.58px !important;
display: flex;
align-items: center;
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px;
border: none;
height: 32px;
&:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important;
color: #055fe7;
}
}
/deep/.el-range__close-icon {
line-height: 1.8rem !important;
}
/deep/.el-date-editor .el-range-separator {
line-height: 26px;
}
/deep/.el-date-editor {
/deep/.el-range__close-icon {
height: 32px !important;
}
}
/deep/ .el-input__icon.el-range__icon.el-icon-date {
position: absolute;
right: 6px;
}
// :focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时，:focus-within伪类的元素就会有效著作权归作者所有。
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:focus-within {
border-color: none !important;
color: #055fe7;
.el-range-input {
color: #055fe7;
}
}
.filter { .filter {
display: flex; display: flex;
...@@ -84,7 +148,7 @@ ...@@ -84,7 +148,7 @@
/deep/.el-input__inner, /deep/.el-input__inner,
.el-select__inner { .el-select__inner {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03); // box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border: none; border: none;
border-radius: 4px; border-radius: 4px;
background-color: #fff; background-color: #fff;
...@@ -95,7 +159,7 @@ ...@@ -95,7 +159,7 @@
.top_sec_lef { .top_sec_lef {
.cjr { .cjr {
margin-left: 30px; margin-left: 20px;
span { span {
width: 91px; width: 91px;
...@@ -120,22 +184,34 @@ ...@@ -120,22 +184,34 @@
width: 28px; width: 28px;
height: 19px; height: 19px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #055FE7; color: #055fe7;
line-height: 19px; line-height: 19px;
cursor: pointer; cursor: pointer;
background-color: #F6F8FA; background-color: #f6f8fa;
border:none border: none;
} }
.show{ .show {
display: none; display: none;
} }
.search { .search {
width: 72px; width: 72px;
height: 32px; height: 32px;
background: #055FE7; background: #055fe7;
border-radius: 4px; border-radius: 4px;
margin-left: 7px; margin-left: 7px;
border: none; border: none;
&:hover {
background: #377fec !important;
}
&:active {
background: #044cb9 !important;
}
}
/deep/.el-button {
cursor: pointer;
span {
cursor: pointer;
}
} }
} }
...@@ -144,14 +220,14 @@ ...@@ -144,14 +220,14 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.btn { // .btn {
background: #FFFFFF; // background: #ffffff;
border-radius: 8px; // border-radius: 8px;
border: 1px solid #AEB5C2; // border: 1px solid #aeb5c2;
padding: 0 20px; // padding: 0 20px;
height: 36px; // height: 36px;
line-height: 36px; // line-height: 36px;
} // }
.middle_rig { .middle_rig {
display: flex; display: flex;
...@@ -161,9 +237,30 @@ ...@@ -161,9 +237,30 @@
} }
} }
} }
.middle_lef,.middle_rig {
.xzry { .btn {
width: 96px;
height: 32px;
border-radius: 4px;
border: 1px solid #aeb5c2;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #2e3846;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
&:hover {
border: 1px solid #055fe7 !important; border: 1px solid #055fe7 !important;
color: #055fe7 !important;
}
&:active {
border: 1px solid #044cb9 !important;
color: #044cb9 !important;
}
}
.xzry {
border: 1px solid #055fe7;
// font-size: 14px; // font-size: 14px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #055fe7; color: #055fe7;
...@@ -175,13 +272,18 @@ ...@@ -175,13 +272,18 @@
} }
&:hover { &:hover {
border: 1px solid #377fec; border: 1px solid #377FEC !important;
color: #377fec; color: #377FEC !important;
} }
&:active { &:active {
border: 1px solid #044cb9; border: 1px solid #044CB9 !important;
color: #044cb9; color: #044CB9 !important;
}
}
}
.icon-div {
span {
cursor: pointer;
} }
} }
...@@ -230,18 +332,18 @@ ...@@ -230,18 +332,18 @@
color: #333333; color: #333333;
} }
/deep/ .disableheadselection>.cell .el-checkbox__inner { /deep/ .disableheadselection > .cell .el-checkbox__inner {
display: none; display: none;
} }
/deep/.el-table th>.cell { /deep/.el-table th > .cell {
font-size: 14px; font-size: 14px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
font-weight: normal; font-weight: normal;
color: #282f3c; color: #282f3c;
} }
/deep/.el-table td>.cell { /deep/.el-table td > .cell {
font-size: 14px; font-size: 14px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #333333; color: #333333;
...@@ -249,7 +351,7 @@ ...@@ -249,7 +351,7 @@
/deep/.el-table { /deep/.el-table {
width: 100%; width: 100%;
max-height: 435px !important; // max-height: 435px !important;
margin-top: 16px; margin-top: 16px;
.cell:empty::before { .cell:empty::before {
...@@ -265,8 +367,12 @@ ...@@ -265,8 +367,12 @@
} }
} }
/deep/.el-input__icon {
line-height: 32px;
}
/deep/.el-table--enable-row-transition .el-table__body td.el-table__cell { /deep/.el-table--enable-row-transition .el-table__body td.el-table__cell {
height: 55px; // height: 55px;
} }
.iconfont { .iconfont {
...@@ -316,3 +422,172 @@ ...@@ -316,3 +422,172 @@
background-color: transparent !important; background-color: transparent !important;
} }
} }
/deep/.el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
border: none;
// border-bottom: 1px #f6f8fa solid;
border-top: 1px #f6f8fa solid;
}
// 去除table表格最底部边框
.el-table__row > td {
border: none;
}
// 去除table表格最底部边框
.el-table::before {
height: 0px;
}
/deep/.el-table .el-table__header-wrapper tr th {
background-color: #ecf1f7 !important;
font-size: 14px !important;
font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282f3c !important;
height: 48px !important;
padding: 0 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #f2f7fe !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #f2f7fe !important;
}
/deep/.el-table__row {
height: 48px !important;
}
/deep/.el-table__row--level-1 {
.el-table__cell {
background-color: #f5f6f7 !important;
}
}
/deep/.el-table th > .cell {
font-family: HarmonyOS_Sans_SC_Medium;
}
/deep/.el-table .el-table__cell {
padding: 0 !important;
}
/deep/.el-table__body {
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 {
cursor: pointer;
}
}
/deep/.btn-next {
cursor: pointer;
i {
cursor: pointer;
}
}
// 批量操作
.el-tag {
color: #055fe7 !important;
height: 32px;
box-sizing: border-box !important;
padding: 0 8px !important;
background: #ddebff;
border-radius: 4px;
font-size: 0.75rem;
margin-bottom: 16px;
display: flex;
align-items: center;
}
/deep/.el-link--inner {
color: rgb(5, 95, 231);
}
.icon-tanhao1 {
display: flex;
justify-content: center;
align-items: center;
}
// 表格高度 -- 展示下面的border
.split-line {
height: 630px;
border-bottom: 1px solid #eee;
}
// 复选框
/deep/.el-checkbox__inner {
cursor: pointer;
}
/deep/.el-checkbox__input {
line-height: 16px;
}
// 分页
/deep/.el-pager {
.number {
background-color: transparent !important;
}
.number.active {
background-color: #055fe7 !important;
box-shadow: 0px 12px 16px 1px rgba(0, 21, 51, 0.03);
border-radius: 6px;
}
.el-icon.more.btn-quicknext.el-icon-more,
.el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important;
}
}
/deep/ .btn-prev,
/deep/.btn-next {
background-color: transparent !important;
}
/deep/ .el-pagination__sizes {
position: absolute;
right: 0;
}
src/views/zzwlr/htcj.vue
...@@ -8,17 +8,21 @@ ...@@ -8,17 +8,21 @@
<span>人员编号：</span> <span>人员编号：</span>
<el-input <el-input
placeholder="请输入人员编号" placeholder="请输入人员编号"
v-model="liveCollectionTo.barcode" v-model.trim="liveCollectionTo.barcode"
@keyup.enter.native="search"
maxlength="23"
show-word-limit
clearable
> >
</el-input> </el-input>
</div> </div>
<div class="filter xm"> <div class="filter xm">
<span style="width: 90px">姓名：</span> <span style="width: 5.625rem">姓名：</span>
<el-input placeholder="请输入用户名" v-model="liveCollectionTo.name"> <el-input placeholder="请输入用户名" v-model="liveCollectionTo.name">
</el-input> </el-input>
</div> </div>
<div class="filter xb"> <div class="filter xb">
<span style="width: 51px">性别：</span> <span style="width: 3.1875rem">性别：</span>
<SelectCode <SelectCode
ref="xbdm" ref="xbdm"
codeUrl="/api/code/sex" codeUrl="/api/code/sex"
...@@ -28,6 +32,7 @@ ...@@ -28,6 +32,7 @@
class="xb" class="xb"
v-model="liveCollectionTo.sex" v-model="liveCollectionTo.sex"
id="sex" id="sex"
:width="17.1612"
></SelectCode> ></SelectCode>
</div> </div>
<div class="filter sfzh"> <div class="filter sfzh">
...@@ -49,6 +54,7 @@ ...@@ -49,6 +54,7 @@
:form="ruleForm" :form="ruleForm"
id="collectionDw" id="collectionDw"
class="cjdw" class="cjdw"
:width="17.1612"
></Cascader> ></Cascader>
</div> </div>
<div class="filter cjr"> <div class="filter cjr">
...@@ -85,6 +91,7 @@ ...@@ -85,6 +91,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="split-line">
<!-- 2 批量操作中间这一块 --> <!-- 2 批量操作中间这一块 -->
<div class="middle"> <div class="middle">
<!-- 左边 --> <!-- 左边 -->
...@@ -117,7 +124,7 @@ ...@@ -117,7 +124,7 @@
<span v-html="'&nbsp;&nbsp;'"></span> <span v-html="'&nbsp;&nbsp;'"></span>
<i <i
class="iconfont icon-tanhao1" class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 16px; margin: 0 0.625rem" style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem"
></i> ></i>
已选择 已选择
<span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​ <span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
...@@ -131,7 +138,8 @@ ...@@ -131,7 +138,8 @@
</el-tag> </el-tag>
<!-- 4 表格 --> <!-- 4 表格 -->
<el-table <el-table
:max-height="height" :border="false"
:height="height"
ref="multipleTable" ref="multipleTable"
:data="tableDate" :data="tableDate"
:row-key="getRowKeys" :row-key="getRowKeys"
...@@ -205,9 +213,10 @@ ...@@ -205,9 +213,10 @@
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<el-table-column label="操作" :width="width33"> <el-table-column label="操作" width="auto">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip <el-tooltip
style="width: 1rem;"
class="item" class="item"
v-if="roleArr.includes('F-1-8')" v-if="roleArr.includes('F-1-8')"
effect="dark" effect="dark"
...@@ -224,6 +233,7 @@ ...@@ -224,6 +233,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<!-- 页码 --> <!-- 页码 -->
<div class="block"> <div class="block">
<span class="record" <span class="record"
...@@ -304,13 +314,12 @@ export default { ...@@ -304,13 +314,12 @@ export default {
width3: 180, width3: 180,
width2: 100, width2: 100,
width1: 220, width1: 220,
height: 500, height: "33rem",
}; };
}, },
created() { created() {
let w1 = 1920; let w1 = 1920;
let w2 = window.innerWidth; let w2 = window.innerWidth;
this.height = (this.height * w2) / w1;
this.width1 = (this.width1 * w2) / w1; this.width1 = (this.width1 * w2) / w1;
this.width2 = (this.width2 * w2) / w1; this.width2 = (this.width2 * w2) / w1;
this.width3 = (this.width3 * w2) / w1; this.width3 = (this.width3 * w2) / w1;
...@@ -601,5 +610,5 @@ export default { ...@@ -601,5 +610,5 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "./htcj.scss"; @import "./htcj.scss";
@import "@/assets/css/globalBase.scss"; // @import "@/assets/css/globalBase.scss";
</style> </style>
\ No newline at end of file
src/views/zzwlr/xzry.scss
#xzry{ #xzry {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.top { .top {
width: 100%; width: 100%;
height: 82px; height: 82px;
background: linear-gradient(270deg, rgba(249, 251, 254, 0.5) 0%, #F2F6FA 49%, rgba(249, 251, 254, 0.5) 100%); background: linear-gradient(
270deg,
rgba(249, 251, 254, 0.5) 0%,
#f2f6fa 49%,
rgba(249, 251, 254, 0.5) 100%
);
filter: blur(0px); filter: blur(0px);
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -16,7 +21,7 @@ ...@@ -16,7 +21,7 @@
.cir { .cir {
width: 24px; width: 24px;
height: 24px; height: 24px;
background: #055FE7; background: #055fe7;
font-size: 12px; font-size: 12px;
border-radius: 50%; border-radius: 50%;
padding: 3px 8px; padding: 3px 8px;
...@@ -25,24 +30,24 @@ ...@@ -25,24 +30,24 @@
span { span {
font-size: 16px; font-size: 16px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #055FE7; color: #055fe7;
line-height: 22px; line-height: 22px;
margin-left: 5px; margin-left: 5px;
} }
.dashed{ .dashed {
margin: 10px 10px; margin: 10px 10px;
width: 112px; width: 112px;
height: 1px; height: 1px;
border: 1px dashed #055FE7; border: 1px dashed #055fe7;
} }
.solid{ .solid {
margin: 10px 10px; margin: 10px 10px;
width: 112px; width: 112px;
height: 1px; height: 1px;
background: #CCCCCC; background: #cccccc;
} }
} }
.unactive{ .unactive {
display: flex; display: flex;
.cir { .cir {
width: 24px; width: 24px;
...@@ -60,25 +65,25 @@ ...@@ -60,25 +65,25 @@
line-height: 22px; line-height: 22px;
margin-left: 5px; margin-left: 5px;
} }
.dashed{ .dashed {
margin: 10px 10px; margin: 10px 10px;
width: 112px; width: 112px;
height: 1px; height: 1px;
border: 1px dashed #055FE7; border: 1px dashed #055fe7;
} }
.solid{ .solid {
margin: 10px 10px; margin: 10px 10px;
width: 112px; width: 112px;
height: 1px; height: 1px;
background: #CCCCCC; background: #cccccc;
} }
} }
} }
.content{ .content {
height: 100%; height: 100%;
padding-bottom: 200px; padding-bottom: 200px;
.el-form{ .el-form {
height: 100%; height: 100%;
overflow: auto; overflow: auto;
padding: 0 245px; padding: 0 245px;
...@@ -91,7 +96,8 @@ ...@@ -91,7 +96,8 @@
padding: 0; padding: 0;
} }
/deep/.el-input__inner { /deep/.el-input__inner {
width: 224px; // width: 224px;
width: 260px;
} }
} }
// 滚动条的宽度 // 滚动条的宽度
...@@ -165,15 +171,26 @@ ...@@ -165,15 +171,26 @@
margin-left: 24px; margin-left: 24px;
} }
/deep/.el-textarea__inner { /deep/.el-textarea__inner {
width: 722px; width: 845px;
height: 76px; height: 76px;
overflow: auto; overflow: auto;
} }
/deep/.el-row { /deep/.el-row {
margin-bottom: 24px; margin-bottom: 24px;
} }
.el-form-item {
width: 470px;
}
.title, .el-divider--horizontal, .el-checkbox-group {
margin-left: 55px;
}
.item-row {
display: flex;
justify-content: space-between;
align-items: center;
}
/deep/.el-input__inner { /deep/.el-input__inner {
width: 264px; width: 300px;
} }
/deep/.el-form-item__label { /deep/.el-form-item__label {
width: 160px; width: 160px;
...@@ -182,6 +199,58 @@ ...@@ -182,6 +199,58 @@
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #333333; color: #333333;
} }
/deep/.el-divider--horizontal{ /deep/.el-divider--horizontal {
width: 89% !important; width: 89% !important;
} }
.bz {
margin-left: 70px;
.el-form-item {
width: 1300px;
}
/deep/.el-form-item__label {
width: 150px;
}
}
// 日期选择器
/deep/ .el-input__icon.el-range__icon.el-icon-date {
position: absolute;
right: 6px;
}
// /deep/.el-date-editor {
// .el-input__prefix {
// position: absolute;
// right: 6px;
// }
// }
/deep/.el-input__prefix, .el-input__suffix {
left: 250px;
}
/deep/.el-input--prefix .el-input__inner {
padding-left: 15px;
}
/deep/.el-input-group__prepend {
display: flex;
justify-content: center;
align-items: center;
width: 18px !important;
height: 18px !important;
background: #ECEDF1;
border-radius: 3px;
position: absolute;
margin: 0 8px;
}
.inputBh {
display: flex;
align-items: center;
/deep/.el-input__inner {
padding-left: 30px;
width: 300px;
}
}
.no_require {
/deep/.el-form-item__label {
padding-left: 10px;
}
}
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