Skip to content

F
founder_vue
Commit 901ad4e0 by 米嘉伟
Options

查询与认定 导出案件

parent cfb78384
Showing with 1205 additions and 967 deletions
.env.development
VUE_APP_AUTO_WRITE = dev
VUE_APP_BB_IP = http://192.168.128.102:8075/
\ No newline at end of file
VUE_APP_BB_IP = http://192.168.128.103:8075/
\ No newline at end of file
src/views/AllPersonnelBase/modules/dcfptxAj.vue
......@@ -175,11 +175,10 @@ export default {
barcode.push(this.rowData[i].followCase.barcode)
}
}
let reqParam = {
barcode: '', //条码号
seqNo: [],// 指纹序号
palmNo: [], // 掌纹序号
imageType: '',// 数据类型（原图）
baseMsg: null, // 基本信息 1导出 0不导出
featureFlag: null, // 导出特征 1导出 0不导出
......@@ -188,9 +187,22 @@ export default {
reqParam.barcode = barcode
if (barcode.length > 1) {
reqParam.seqNo = []
reqParam.seqNo = null
reqParam.palmNo = null
} else {
reqParam.seqNo = this.checkedTargets
let self = this
console.log(this.checkedTargets, ' this.checkedTargets')
self.checkedTargets.map(item => {
console.log(item)
if (item <= 99) {
reqParam.seqNo.push(item)
} else {
reqParam.palmNo.push(item)
}
})
// reqParam.seqNo = this.checkedTargets
}
reqParam.imageType = this.sjlx
reqParam.baseMsg = this.wzChecked == true ? 1 : 0;
......
src/views/cxyrd/QueryConfirm.vue
<template>
<el-container class="confirm-page" direction="vertical">
<el-container
class="confirm-page"
direction="vertical"
>
<div class="confirm_header_search">
<div class="width100 margin_top24_bottom24" style="display: flex; align-items: center; position: relative">
<div
class="width100 margin_top24_bottom24"
style="display: flex; align-items: center; position: relative"
>
<div class="display_style">
<span class="labelFont">条码号：</span>
<el-input maxlength="23" show-word-limit clearable class="el_input tmh" v-model="reqParam.contrastCustomSearchReq.barcode" placeholder="请输入条码号"></el-input>
<el-input
maxlength="23"
show-word-limit
clearable
class="el_input tmh"
v-model="reqParam.contrastCustomSearchReq.barcode"
placeholder="请输入条码号"
></el-input>
</div>
<div class="display_style">
<span class="labelFont">用户：</span>
<el-select class="el_select" v-model="reqParam.contrastCustomSearchReq.userid" @change="selectUserInfo" clearable @clear="clearUser">
<el-option v-for="(item, index) in userOption" :key="index" :label="item.label" :value="item.userid">
<span class="labelFont">用户名：</span>
<el-select
class="el_select"
v-model="reqParam.contrastCustomSearchReq.userid"
@change="selectUserInfo"
clearable
@clear="clearUser"
>
<el-option
v-for="(item, index) in userOption"
:key="index"
:label="item.label"
:value="item.userid"
>
</el-option>
</el-select>
</div>
<div class="display_style">
<span class="labelFont">查询ID：</span>
<el-input class="el_input" placeholder="请输入查询ID" v-model="reqParam.contrastCustomSearchReq.qqid"></el-input>
<el-input
class="el_input"
placeholder="请输入查询ID"
v-model="reqParam.contrastCustomSearchReq.qqid"
></el-input>
</div>
<div class="display_style">
<span class="labelFont">任务号：</span>
<el-input class="el_input" placeholder="请输入任务号" v-model="reqParam.contrastCustomSearchReq.qid"></el-input>
<el-input
class="el_input"
placeholder="请输入任务号"
v-model="reqParam.contrastCustomSearchReq.qid"
></el-input>
</div>
<div class="display_style send_time" style="display: flex; align-items: center">
<div
class="display_style send_time"
style="display: flex; align-items: center"
>
<span class="labelFont">发送时间：</span>
<el-date-picker v-model="startEndDate" style="display: flex; align-items: center" class="el_data_picker" type="daterange" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" :picker-options="{
<el-date-picker
v-model="startEndDate"
style="display: flex; align-items: center"
class="el_data_picker"
type="daterange"
range-separator="-"
start-placeholder="开始时间"
end-placeholder="结束时间"
:picker-options="{
disabledDate: disabledDate,
}">
}"
>
</el-date-picker>
</div>
<div class="pRight">
<div class="clear_btn" @click="clearParams('yes')" :style="{ visibility: newStr ? '' : 'hidden' }">
<div
class="clear_btn"
@click="clearParams('yes')"
:style="{ visibility: newStr ? '' : 'hidden' }"
>
清空
</div>
<el-button type="primary" class="f-primary-button" @click="search">筛选
<el-button
type="primary"
class="f-primary-button"
@click="search"
>筛选
</el-button>
</div>
</div>
<div class="width100 margin_top24_bottom24 display_style">
<div class="display_style prevent">
<label class="btnLabel">查询类型：</label>
<div v-for="(btn, index) in queryTypeBtns" :key="index">
<div
v-for="(btn, index) in queryTypeBtns"
:key="index"
>
<!-- <div-->
<!-- class="btn"-->
<!-- @click="getQueryType(btn, 'querytypes')"-->
......@@ -51,7 +106,10 @@
<!-- : ''-->
<!-- ]"-->
<!-- >-->
<div class="btn1" @click="getQueryType(btn, 'querytypes')" :class="[
<div
class="btn1"
@click="getQueryType(btn, 'querytypes')"
:class="[
btn.value === '2'
? 'btn-active-zc'
: btn.value === '3'
......@@ -61,7 +119,8 @@
: btn.value === '0'
? 'btn-active-cc'
: '',
]">
]"
>
{{ btn.name }}
</div>
</div>
......@@ -69,12 +128,19 @@
<p class="shu"></p>
<div class="display_style prevent">
<label class="btnLabel">优先级：</label>
<div v-for="(btn, index) in queryClassBtns" :key="index">
<div class="btn" @click="getQueryType(btn, 'queryclasss')" :class="[
<div
v-for="(btn, index) in queryClassBtns"
:key="index"
>
<div
class="btn"
@click="getQueryType(btn, 'queryclasss')"
:class="[
reqParam.contrastCustomSearchReq.queryclasss.includes(btn.value)
? 'btn-active'
: '',
]">
]"
>
{{ btn.name }}
</div>
</div>
......@@ -82,12 +148,19 @@
<p class="shu"></p>
<div class="display_style">
<label class="btnLabel">是否远程：</label>
<div v-for="(btn, index) in remoteFlagBtns" :key="index">
<div class="btn" @click="getQueryType(btn, 'remoteflags')" :class="[
<div
v-for="(btn, index) in remoteFlagBtns"
:key="index"
>
<div
class="btn"
@click="getQueryType(btn, 'remoteflags')"
:class="[
reqParam.contrastCustomSearchReq.remoteflags.includes(btn.value)
? 'btn-active'
: '',
]">
]"
>
{{ btn.name }}
</div>
</div>
......@@ -101,14 +174,24 @@
<div class="width100 margin_top24_bottom24 display_style">
<label class="width70 btnLabel">状态选择：</label>
<!-- -1：无效；0：等待比对；1：正在比对；9：比对出错；10：比对完成（等待认定）；11：正在认定；19：认定出错；20：认定完成（等待复核）；21：正在复核；29：复核出错；30；复合完成；99：标记删除-->
<div class="btn" @click="allQueryType()">全部
<div
class="btn"
@click="allQueryType()"
>全部
</div>
<div v-for="(btn, index) in queryStateBtns" :key="index">
<div class="btn" @click="getQueryType(btn, 'querystates')" :class="[
<div
v-for="(btn, index) in queryStateBtns"
:key="index"
>
<div
class="btn"
@click="getQueryType(btn, 'querystates')"
:class="[
reqParam.contrastCustomSearchReq.querystates.includes(btn.value)
? 'btn-active'
: '',
]">
]"
>
{{ btn.name }}
</div>
</div>
......@@ -117,7 +200,10 @@
<div class="confirm_main">
<div class="confirm_main_search margin0 width100">
<div class="display_style style-one">
<el-button type="info" @click="batch">批量操作
<el-button
type="info"
@click="batch"
>批量操作
</el-button>
<div class="middle style-middle">
<!-- <div class="font" @click="clearAll()">
......@@ -125,14 +211,24 @@
<i class="iconfont icon-xiala"></i>
</div> -->
<div class="el-tag-box">
<el-tag style="margin-right: 10px" :key="index" v-for="(tag, index) in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)">
<el-tag
style="margin-right: 10px"
:key="index"
v-for="(tag, index) in dynamicTags"
closable
:disable-transitions="false"
@close="handleClose(tag)"
>
{{ tag.name }}
</el-tag>
</div>
</div>
</div>
<div class="display_style confirm_main_button">
<div class="rgrd" @click="$refs.recognitionDialog.open()">
<div
class="rgrd"
@click="$refs.recognitionDialog.open()"
>
<!-- <img src="@/assets/img/person1.png" alt="" /> -->
<i class="iconfont icon-rengongrending"></i>
<span>人工认定</span>
......@@ -141,9 +237,19 @@
<div class="margin0">
<el-dropdown trigger="click">
<el-button type="info">自定义列</el-button>
<el-dropdown-menu slot="dropdown" class="el-dropdown-content-bg">
<el-checkbox-group v-model="checkedProps" @change="changeCheckbox">
<el-checkbox v-for="(item, index) in defaultTableProps" :label="item.prop" :key="index">
<el-dropdown-menu
slot="dropdown"
class="el-dropdown-content-bg"
>
<el-checkbox-group
v-model="checkedProps"
@change="changeCheckbox"
>
<el-checkbox
v-for="(item, index) in defaultTableProps"
:label="item.prop"
:key="index"
>
{{ item.colume }}
</el-checkbox>
</el-checkbox-group>
......@@ -152,31 +258,76 @@
</div>
<!-- 自定义列 止 -->
<!-- 复制条码号 起 -->
<el-button type="info" v-if="roleArr.includes('C-1-3')" v-clipboard:copy="barcode" @click="getBarcode" v-clipboard:success="onCopy" v-clipboard:error="onError">
<el-button
type="info"
v-if="roleArr.includes('C-1-3')"
v-clipboard:copy="barcode"
@click="getBarcode"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>
复制条码
</el-button>
<!-- 复制条码号 止 -->
<el-button type="info" @click="delMore" v-if="roleArr.includes('C-1-4')">删除
<el-button
type="info"
@click="delMore"
v-if="roleArr.includes('C-1-4')"
>删除
</el-button>
<!-- <el-button>发查询</el-button>-->
</div>
</div>
<el-tag class="removeDia" style="width: 100%; color: #666666; margin-bottom: 0.5rem" v-show="isShowTip">
<i class="iconfont icon-tanhao1" style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem"></i>
<el-tag
class="removeDia"
style="width: 100%; color: #666666; margin-bottom: 0.5rem"
v-show="isShowTip"
>
<i
class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem"
></i>
已选择
<span style="color: #055fe7">{{ selectionData.length }}</span> 项​
<span v-html="'&nbsp;&nbsp;'"></span>
<el-link type="primary" :underline="false" :style="{
<el-link
type="primary"
:underline="false"
:style="{
marginLeft: '1.25rem',
color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7',
}" @click="toggleSelection()">清除
}"
@click="toggleSelection()"
>清除
</el-link>
</el-tag>
<div class="confirm_main_table">
<el-table style="width: 100%" :height="height" :border="false" @selection-change="handleSelectionChange" ref="confirmTable" tooltip-effect="dark" :data="list" :key="tableKey" :class="{ delSelection: !selectBoo }" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="queryId" @row-click="confirm" @expand-change="hadnlExpandChange">
<el-table
style="width: 100%"
:height="height"
:border="false"
@selection-change="handleSelectionChange"
ref="confirmTable"
tooltip-effect="dark"
:data="list"
:key="tableKey"
:class="{ delSelection: !selectBoo }"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
row-key="queryId"
@row-click="confirm"
@expand-change="hadnlExpandChange"
>
<!-- @select-all="handleSelectAll" -->
<el-table-column type="selection" height width="auto"></el-table-column>
<el-table-column prop="" label="任务号/查询ID" :width="cxyrdWidth1">
<el-table-column
type="selection"
height
width="auto"
></el-table-column>
<el-table-column
prop=""
label="任务号/查询ID"
:width="cxyrdWidth1"
>
<template #header>
<div class="tableHeader">
<span>任务号 </span>
......@@ -184,47 +335,78 @@
</div>
</template>
<template slot-scope="scope">
<svg-icon style="
<svg-icon
style="
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
" v-if="scope.row.children || scope.row.children === null" icon-class="tree_f">
"
v-if="scope.row.children || scope.row.children === null"
icon-class="tree_f"
>
</svg-icon>
<svg-icon style="
<svg-icon
style="
width: 0.8125rem;
height: 0.375rem;
margin: 0 0 0.1875rem 0;
" v-else-if="!scope.row.children || scope.row.children !== null" icon-class="tree_c"></svg-icon>
"
v-else-if="!scope.row.children || scope.row.children !== null"
icon-class="tree_c"
></svg-icon>
{{
scope.row.children || scope.row.children === null
? scope.row.qid
: scope.row.qqid
}}
<div v-show="scope.row.children && scope.row.children !== null" class="children-count">
<div
v-show="scope.row.children && scope.row.children !== null"
class="children-count"
>
{{ scope.row.children ? scope.row.children.length : 0 }}
</div>
</template>
</el-table-column>
<el-table-column v-for="(item, index) in tableProps" show-overflow-tooltip :key="index" :label="item.colume" :prop="item.prop" :width="item.width" :sortable="
<el-table-column
v-for="(item, index) in tableProps"
show-overflow-tooltip
:key="index"
:label="item.colume"
:prop="item.prop"
:width="item.width"
:sortable="
item.prop == 'affirmtime' ||
item.prop == 'requestdatetime' ||
item.prop == 'queryclass'
? true
: false
">
"
>
<template slot-scope="scope">
<template v-if="item.prop === 'querytype'">
<div v-if="scope.row.querytype === '3'" style="color: #055fe7">
<div
v-if="scope.row.querytype === '3'"
style="color: #055fe7"
>
{{ scope.row.queryTypeName }}
</div>
<div v-else-if="scope.row.querytype === '0'" style="color: #fa9500">
<div
v-else-if="scope.row.querytype === '0'"
style="color: #fa9500"
>
{{ scope.row.queryTypeName }}
</div>
<div v-else-if="scope.row.querytype === '1'" style="color: #e60012">
<div
v-else-if="scope.row.querytype === '1'"
style="color: #e60012"
>
{{ scope.row.queryTypeName }}
</div>
<div v-else-if="scope.row.querytype === '2'" style="color: #00b47a">
<div
v-else-if="scope.row.querytype === '2'"
style="color: #00b47a"
>
{{ scope.row.queryTypeName }}
</div>
<div v-else>
......@@ -236,9 +418,16 @@
{{ scope.row.barcode }}
<!-- {{ scope.row.artificialAffirmFlag }} -->
<div v-if="scope.row.barcode && scope.row.artificialAffirmFlag !='1'">
<img class="history" :src="historyUrl" @click.stop="getDialog(scope.row)" />
<img
class="history"
:src="historyUrl"
@click.stop="getDialog(scope.row)"
/>
</div>
<div v-if="scope.row.barcode && scope.row.artificialAffirmFlag=='1'" class="rgbq">
<div
v-if="scope.row.barcode && scope.row.artificialAffirmFlag=='1'"
class="rgbq"
>
<p>人工</p>
</div>
</div>
......@@ -268,30 +457,51 @@
{{ dataFormat(scope.row, item.prop) }}</template>
</template>
</el-table-column>
<el-table-column width="auto" label="操作" align="left">
<el-table-column
width="auto"
label="操作"
align="left"
>
<template slot-scope="scope">
<Confirmation content="复制条码" v-if="scope.row.barcode && roleArr.includes('C-1-5')">
<img style="
<Confirmation
content="复制条码"
v-if="scope.row.barcode && roleArr.includes('C-1-5')"
>
<img
style="
width: 1rem;
height: 1rem;
margin-right: 1.125rem;
cursor: pointer;
" src="@/assets/img/qbryk/fz.svg" @click.stop="
"
src="@/assets/img/qbryk/fz.svg"
@click.stop="
() => {
delSelect();
edit(scope.row);
}
" />
"
/>
</Confirmation>
<div @click.stop="() => {}">
<Confirmation :ref="getPopConfirmRef(scope.$index)" v-if="scope.row.barcode && roleArr.includes('C-1-6')" @onConfirm="delOne(scope.row.qqid)" content="删除" :hintBoo="true">
<Confirmation
:ref="getPopConfirmRef(scope.$index)"
v-if="scope.row.barcode && roleArr.includes('C-1-6')"
@onConfirm="delOne(scope.row.qqid)"
content="删除"
:hintBoo="true"
>
<div slot="reference">
<img style="width: 1rem; height: 1rem; cursor: pointer" :src="delUrl" @click="
<img
style="width: 1rem; height: 1rem; cursor: pointer"
:src="delUrl"
@click="
() => {
clickCancle(scope.$index)
delSelect()
}
" />
"
/>
</div>
</Confirmation>
</div>
......@@ -304,16 +514,34 @@
<span class="count">共{{ reqParam.page.total }} 条记录 第{{ reqParam.page.currPage }}/{{
size
}}页</span>
<el-pagination class="paging" background @size-change="handleSizeChange" @current-change="handleCurrPageChange" :current-page="reqParam.page.currPage" :page-sizes="[10, 20, 50, 100]" :page-size="reqParam.page.pageSize" layout="prev, pager, next" :total="reqParam.page.total">
<el-pagination
class="paging"
background
@size-change="handleSizeChange"
@current-change="handleCurrPageChange"
:current-page="reqParam.page.currPage"
:page-sizes="[10, 20, 50, 100]"
:page-size="reqParam.page.pageSize"
layout="prev, pager, next"
:total="reqParam.page.total"
>
</el-pagination>
</div>
<el-dialog :visible.sync="historyDialogVisible" style="z-index: 1500">
<el-dialog
:visible.sync="historyDialogVisible"
style="z-index: 1500"
>
</el-dialog>
<recognitionDialog ref="recognitionDialog"></recognitionDialog>
<Fcxtj :isShowFcx="isShowFcx" :type="dialogType" ref="fcxtj" :dialogQid="dialogQid"></Fcxtj>
<Fcxtj
:isShowFcx="isShowFcx"
:type="dialogType"
ref="fcxtj"
:dialogQid="dialogQid"
></Fcxtj>
</el-container>
</template>
......@@ -1134,1050 +1362,1048 @@ const setQueryClass = [
]
</script>
<style scoped lang="scss">
.delSelection /deep/ .el-table-column--selection .cell {
display: none;
}
/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;
}
.delSelection /deep/ .el-table-column--selection .cell {
display: none;
}
.el-icon.more.btn-quicknext.el-icon-more,
.el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important;
}
}
/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/ .btn-prev,
/deep/ .btn-next {
background-color: transparent !important;
}
/deep/ .el-pagination__sizes {
position: absolute;
right: 0;
}
/deep/ .el-pagination__sizes {
position: absolute;
right: 0;
}
/deep/ .btn-next {
//margin-right: 120px !important;
}
/deep/ .btn-next {
//margin-right: 120px !important;
}
.paging {
float: right;
}
.paging {
float: right;
}
.el-dropdown-menu {
width: 120px;
/*height: 288px;*/
.el-checkbox-group {
.el-checkbox {
height: 32px;
width: 120px;
padding-left: 16px;
line-height: 32px;
&:hover {
background: #f5f5f7;
}
}
}
.el-dropdown-menu {
width: 120px;
/*height: 288px;*/
.el-checkbox-group {
.el-checkbox {
height: 32px;
width: 120px;
padding-left: 16px;
line-height: 32px;
&:hover {
background: #f5f5f7;
}
}
}
}
</style>
<style scoped>
.el-popper[x-placement^="bottom-end"] {
border-style: none;
}
.el-popper[x-placement^="bottom-end"] {
border-style: none;
}
.el-popper[x-placement^="bottom-end"] .popper__arrow::after {
border-style: none;
}
.el-popper[x-placement^="bottom-end"] .popper__arrow::after {
border-style: none;
}
.el-popper[x-placement^="bottom-end"] .popper__arrow {
border-style: none;
}
.el-popper[x-placement^="bottom-end"] .popper__arrow {
border-style: none;
}
.el-dropdown-content-bg {
transform: translate(23px, -8px);
}
.el-dropdown-content-bg {
transform: translate(23px, -8px);
}
</style>
<style scoped lang="scss">
.width70 {
width: 70px !important;
display: inline-block;
}
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
/deep/ .el-table th {
background-color: #f6f8fa;
border: none;
}
/deep/ .el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
border: none;
border-bottom: 1px #f6f8fa solid;
border-top: 1px #f6f8fa solid;
}
// 表格最外边框
.el-table--border,
.el-table--group {
border: none;
}
/deep/ .el-popover {
padding: 15px 20px !important;
}
/deep/ .el-popconfirm__action {
display: flex;
justify-content: center;
}
/deep/ .el-popover.el-popper {
background: #006aff;
}
/deep/ .el-form-item__label {
color: #333333;
}
/deep/ .el-table th > .cell {
font-size: 14px;
font-family: HarmonyOS_Sans_SC_Medium;
font-weight: normal;
color: #282f3c;
}
/deep/ .el-table td > .cell {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
/deep/ .el-input__inner {
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px;
border: none;
}
.width70 {
width: 70px !important;
display: inline-block;
}
// 输入框选中样式
/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) !important;
border-color: none !important;
color: #055fe7;
}
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
/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 th {
background-color: #f6f8fa;
border: 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) !important;
border-color: none !important;
color: #055fe7;
/deep/ .el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
border: none;
border-bottom: 1px #f6f8fa solid;
border-top: 1px #f6f8fa solid;
}
.el-range-input {
color: #055fe7;
}
}
// 表格最外边框
.el-table--border,
.el-table--group {
border: none;
}
/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-popover {
padding: 15px 20px !important;
}
div {
margin: 0;
padding: 0;
display: inline-block;
/*border: none;*/
}
/deep/ .el-popconfirm__action {
display: flex;
justify-content: center;
}
.rgrd {
display: flex !important;
align-items: center;
justify-content: center;
float: left;
color: #055fe7;
margin-right: 10px;
transform: translateY(5px);
cursor: pointer;
> i {
margin-right: 5px;
cursor: pointer;
}
/deep/ .el-popover.el-popper {
background: #006aff;
}
> span {
cursor: pointer;
line-height: 24px !important;
color: #055fe7 !important;
}
}
/deep/ .el-form-item__label {
color: #333333;
}
hr {
background-color: #eeeeee;
height: 1px;
border: none;
margin: 16px 0 16px 0;
}
/deep/ .el-table th > .cell {
font-size: 14px;
font-family: HarmonyOS_Sans_SC_Medium;
font-weight: normal;
color: #282f3c;
}
label {
width: 70px;
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #999999;
line-height: 22px;
}
/deep/ .el-table td > .cell {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
i {
height: 16px;
width: 16px;
margin: 0 9px 0 9px;
}
/deep/ .el-input__inner {
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px;
border: none;
}
b {
width: 64px;
height: 24px;
font-size: 16px;
font-family: HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;
font-weight: bold;
color: #333333;
line-height: 24px;
}
// 输入框选中样式
/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) !important;
border-color: none !important;
color: #055fe7;
}
.style-middle {
display: flex !important;
justify-content: flex-start;
align-items: center;
}
/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;
}
.font {
> span {
cursor: pointer;
font-size: 14px !important;
color: #666666 !important;
}
// :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) !important;
border-color: none !important;
color: #055fe7;
cursor: pointer;
.el-range-input {
color: #055fe7;
}
}
> i {
cursor: pointer;
color: #b1b6c2;
margin: 0 !important;
transform: rotate(-90deg);
display: inline-block;
margin-left: 5px !important;
/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;
}
&::before {
width: 10px;
display: inline-block;
}
}
div {
margin: 0;
padding: 0;
display: inline-block;
/*border: none;*/
}
width: 80px;
height: 16px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
line-height: 16px;
margin: 0 6px 0 8px;
cursor: pointer;
}
.rgrd {
display: flex !important;
align-items: center;
justify-content: center;
float: left;
color: #055fe7;
margin-right: 10px;
transform: translateY(5px);
cursor: pointer;
> i {
margin-right: 5px;
cursor: pointer;
}
> span {
cursor: pointer;
line-height: 24px !important;
color: #055fe7 !important;
}
}
.history {
width: 12px;
height: 12px;
margin-left: 4px;
margin-bottom: 3px;
cursor: pointer;
}
hr {
background-color: #eeeeee;
height: 1px;
border: none;
margin: 16px 0 16px 0;
}
.children-count {
width: 34px;
height: 21px;
font-size: 12px;
line-height: 21px;
text-align: center;
background: #f6f8fa;
border-radius: 11px;
position: absolute;
right: 10px;
}
label {
width: 70px;
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #999999;
line-height: 22px;
}
/deep/ .el-tag .el-icon-close::before {
display: block;
color: #fff;
}
i {
height: 16px;
width: 16px;
margin: 0 9px 0 9px;
}
/deep/ .el-tag .el-icon-close {
background-color: #b1b6c2;
// right: 1px !important;
}
b {
width: 64px;
height: 24px;
font-size: 16px;
font-family: HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;
font-weight: bold;
color: #333333;
line-height: 24px;
}
.el-icon-arrow-down {
color: #999999;
border: #999999 1px solid;
border-radius: 50%; /*边设置为圆形*/
font-size: 12px;
}
.style-middle {
display: flex !important;
justify-content: flex-start;
align-items: center;
}
.el-button {
width: 72px;
height: 32px;
border-radius: 4px;
margin: 0;
padding: 0;
}
.font {
> span {
cursor: pointer;
font-size: 14px !important;
color: #666666 !important;
}
cursor: pointer;
> i {
cursor: pointer;
color: #b1b6c2;
margin: 0 !important;
transform: rotate(-90deg);
display: inline-block;
margin-left: 5px !important;
&::before {
width: 10px;
display: inline-block;
}
}
width: 80px;
height: 16px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
line-height: 16px;
margin: 0 6px 0 8px;
cursor: pointer;
}
.el-button__inner {
width: 72px;
height: 16px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #2e3846;
line-height: 16px;
}
.history {
width: 12px;
height: 12px;
margin-left: 4px;
margin-bottom: 3px;
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;
}
.children-count {
width: 34px;
height: 21px;
font-size: 12px;
line-height: 21px;
text-align: center;
background: #f6f8fa;
border-radius: 11px;
position: absolute;
right: 10px;
}
/deep/ .el-tag .el-icon-close::before {
display: block;
color: #fff;
}
.confirm-page {
width: 100%;
padding: 20px 20px;
font-family: MicrosoftYaHei;
/deep/ .el-tag .el-icon-close {
background-color: #b1b6c2;
// right: 1px !important;
}
div {
display: inline-block;
}
.el-icon-arrow-down {
color: #999999;
border: #999999 1px solid;
border-radius: 50%; /*边设置为圆形*/
font-size: 12px;
}
.footer {
width: 1544px;
//width: calc(100vw - 367px);
position: absolute;
bottom: 27px;
left: 24px;
.count {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
}
.paging {
float: right;
}
}
}
.el-button {
width: 72px;
height: 32px;
border-radius: 4px;
margin: 0;
padding: 0;
}
/deep/ .el-range-separator {
line-height: 24px !important;
}
.el-button__inner {
width: 72px;
height: 16px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #2e3846;
line-height: 16px;
}
.prevent {
margin-right: 10px !important;
}
.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;
}
.shu {
display: inline-block;
width: 1px;
height: 12px;
margin-right: 20px !important;
background: #999999;
}
.confirm-page {
width: 100%;
padding: 20px 20px;
font-family: MicrosoftYaHei;
.display_style {
display: inline-block;
margin: 5px 24px 5px 0;
}
div {
display: inline-block;
}
/deep/ .el-button span {
cursor: pointer;
}
.footer {
width: 1544px;
//width: calc(100vw - 367px);
position: absolute;
bottom: 27px;
left: 24px;
.style-one {
display: flex !important;
.count {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
}
.margin_top24_bottom24 {
display: flex;
align-items: center;
.paging {
float: right;
}
}
}
.send_time {
display: flex;
align-items: center;
/deep/ .el-input__icon {
height: 32px;
}
/deep/ .el-range-separator {
line-height: 24px !important;
}
/deep/ .el-input__icon.el-range__icon.el-icon-date {
position: absolute;
right: 6px;
}
}
.prevent {
margin-right: 10px !important;
}
.display_style span {
height: 24px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
line-height: 20px;
margin: 0;
padding: 0;
}
.shu {
display: inline-block;
width: 1px;
height: 12px;
margin-right: 20px !important;
background: #999999;
}
.el_select {
width: 168px;
height: 32px;
background: #ffffff;
border-radius: 4px;
// border: 1px solid #e6e6e8;
}
.display_style {
display: inline-block;
margin: 5px 24px 5px 0;
}
/deep/ .el-input__icon {
line-height: 32px !important;
}
/deep/ .el-button span {
cursor: pointer;
}
.el_data_picker {
width: 256px;
height: 32px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
}
.style-one {
display: flex !important;
}
.el_input {
width: 168px;
height: 32px;
background: #ffffff;
border-radius: 4px;
// border: 1px solid #e6e6e8;
}
.margin_top24_bottom24 {
display: flex;
align-items: center;
}
.tmh {
width: 300px;
}
.send_time {
display: flex;
align-items: center;
/deep/ .el-input__inner {
height: 32px !important;
}
/deep/ .el-input__icon {
height: 32px;
}
.btnLabel {
font-family: HarmonyOS_Sans_SC_Medium;
color: #282f3c;
font-size: 14px;
}
.btn {
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
font-family: HarmonyOS_Sans_SC;
border: none;
height: 22px;
padding: 0;
margin: 0 15px 0 12px;
font-size: 14px;
font-weight: 350;
color: #666666;
cursor: pointer;
}
/deep/ .el-input__icon.el-range__icon.el-icon-date {
position: absolute;
right: 6px;
}
}
.btn:hover {
color: #055fe7;
}
.display_style span {
height: 24px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
line-height: 20px;
margin: 0;
padding: 0;
}
.btn-active {
color: #055fe7;
}
.el_select {
width: 168px;
height: 32px;
background: #ffffff;
border-radius: 4px;
// border: 1px solid #e6e6e8;
}
.btn1 {
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
font-family: HarmonyOS_Sans_SC;
border: none;
height: 22px;
padding: 0;
margin: 0 12px 0 12px;
font-size: 14px;
font-weight: 350;
cursor: pointer;
}
/deep/ .el-input__icon {
line-height: 32px !important;
}
.btn1:hover {
font-weight: bolder;
}
.el_data_picker {
width: 256px;
height: 32px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
}
.btn-active-zc {
color: #00b47a;
}
.el_input {
width: 168px;
height: 32px;
background: #ffffff;
border-radius: 4px;
// border: 1px solid #e6e6e8;
}
.btn-active-dc {
color: #e60012;
}
.tmh {
width: 300px;
}
.btn-active-cc {
color: #fa9500;
}
/deep/ .el-input__inner {
height: 32px !important;
}
.btn-active-ca {
color: #055fe7;
}
.btnLabel {
font-family: HarmonyOS_Sans_SC_Medium;
color: #282f3c;
font-size: 14px;
}
.clear_btn {
width: fit-content;
font-family: HarmonyOS_Sans_SC;
border: none;
height: 22px;
padding: 0;
margin: 0 12px 0 0;
font-size: 14px;
font-weight: 350;
color: #333333;
cursor: pointer;
color: #055fe7;
&:hover {
color: #055fe7;
}
.btn {
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
font-family: HarmonyOS_Sans_SC;
border: none;
height: 22px;
padding: 0;
margin: 0 15px 0 12px;
font-size: 14px;
font-weight: 350;
color: #666666;
cursor: pointer;
}
&:active {
color: #055fe7;
}
}
.btn:hover {
color: #055fe7;
}
.el-button--primary {
width: 72px;
height: 32px;
line-height: 22px;
padding: 0;
background: #055fe7;
border-radius: 4px;
}
.btn-active {
color: #055fe7;
}
.el-checkbox-button__inner {
width: 56px;
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #ffffff;
line-height: 22px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.btn1 {
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
font-family: HarmonyOS_Sans_SC;
border: none;
height: 22px;
padding: 0;
margin: 0 12px 0 12px;
font-size: 14px;
font-weight: 350;
cursor: pointer;
}
.confirm_main_button {
.el-button--info {
margin-right: 0;
}
}
.btn1:hover {
font-weight: bolder;
}
.el-button--info {
width: 96px;
height: 32px;
font-weight: 350;
color: #2e3846;
background: #ffffff;
border: 1px solid #aeb5c2;
border-radius: 4px;
margin: 0 8px 0 8px;
}
.btn-active-zc {
color: #00b47a;
}
.el-button--info:hover {
border: 1px solid #055fe7;
color: #055fe7;
}
.btn-active-dc {
color: #e60012;
}
.el-button--info:active {
border: 1px solid #044cb9;
color: #044cb9;
}
.btn-active-cc {
color: #fa9500;
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7 !important;
border: 1px solid #055fe7 !important;
}
.btn-active-ca {
color: #055fe7;
}
/deep/ .el-checkbox__inner:hover {
border-color: #055fe7;
/*background: #f5f5f7;*/
}
.clear_btn {
width: fit-content;
font-family: HarmonyOS_Sans_SC;
border: none;
height: 22px;
padding: 0;
margin: 0 12px 0 0;
font-size: 14px;
font-weight: 350;
color: #333333;
cursor: pointer;
color: #055fe7;
&:hover {
color: #055fe7;
}
&:active {
color: #055fe7;
}
}
/deep/ .el-checkbox__input + .el-checkbox__label {
color: #333333;
font-size: 14px;
}
.el-button--primary {
width: 72px;
height: 32px;
line-height: 22px;
padding: 0;
background: #055fe7;
border-radius: 4px;
}
/deep/ .el-checkbox__input.is-focus .el-checkbox__inner {
border-color: #055fe7 !important;
}
.el-checkbox-button__inner {
width: 56px;
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #ffffff;
line-height: 22px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.confirm_main_search {
width: 100%;
height: 34px;
margin-bottom: 10px;
display: flex !important;
justify-content: space-between;
align-items: center;
> div {
&:first-of-type {
.el-button--info {
margin-left: 0;
margin-right: 15px;
}
}
}
}
.confirm_main_button {
.el-button--info {
margin-right: 0;
}
}
.confirm_main_button {
position: absolute;
right: 0px;
}
.el-button--info {
width: 96px;
height: 32px;
font-weight: 350;
color: #2e3846;
background: #ffffff;
border: 1px solid #aeb5c2;
border-radius: 4px;
margin: 0 8px 0 8px;
}
.el-table /deep/ {
td.el-table__cell,
th.el-table__cell.is-leaf {
border-bottom: none;
}
}
.el-button--info:hover {
border: 1px solid #055fe7;
color: #055fe7;
}
.labelFont {
font-size: 14px !important;
font-family: HarmonyOS_Sans_SC !important;
color: #333333 !important;
}
.el-button--info:active {
border: 1px solid #044cb9;
color: #044cb9;
}
.confirm_header_search {
width: 100%;
padding: 20px 20px;
background: #f6f8fa;
border-radius: 10px;
box-shadow: inset 0px 0px 3px 0px rgba(5, 95, 231, 0.2);
margin-bottom: 15px;
/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-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7 !important;
border: 1px solid #055fe7 !important;
}
.confirm_main {
width: 100%;
// height: 60px;
height: 620px;
border-bottom: 1px solid #eeeeee;
}
/deep/ .el-checkbox__inner:hover {
border-color: #055fe7;
/*background: #f5f5f7;*/
}
.confirm_main_table {
margin: 6px 0 15px 0;
padding: 0;
width: 100%;
height: 528px;
/deep/ .el-checkbox__input + .el-checkbox__label {
color: #333333;
font-size: 14px;
}
.mineral-table {
// height: 450px;
}
}
/deep/ .el-checkbox__input.is-focus .el-checkbox__inner {
border-color: #055fe7 !important;
}
/deep/ .el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
border: none;
// border-bottom: 1px #f6f8fa solid;
border-top: 1px #eeeeee solid;
.confirm_main_search {
width: 100%;
height: 34px;
margin-bottom: 10px;
display: flex !important;
justify-content: space-between;
align-items: center;
> div {
&:first-of-type {
.el-button--info {
margin-left: 0;
margin-right: 15px;
}
}
}
}
// 去除table表格最底部边框
.el-table__row > td {
border: none;
}
.confirm_main_button {
position: absolute;
right: 0px;
}
// 去除table表格最底部边框
.el-table::before {
height: 0px;
}
.el-table /deep/ {
td.el-table__cell,
th.el-table__cell.is-leaf {
border-bottom: none;
}
}
/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;
}
.labelFont {
font-size: 14px !important;
font-family: HarmonyOS_Sans_SC !important;
color: #333333 !important;
}
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: #f2f7fe !important;
}
.confirm_header_search {
width: 100%;
padding: 20px 20px;
background: #f6f8fa;
border-radius: 10px;
box-shadow: inset 0px 0px 3px 0px rgba(5, 95, 231, 0.2);
margin-bottom: 15px;
/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-table .el-table__body tr:hover > td {
background-color: #f2f7fe !important;
}
.confirm_main {
width: 100%;
// height: 60px;
height: 620px;
border-bottom: 1px solid #eeeeee;
}
/deep/ .el-table__row {
height: 48px !important;
}
.confirm_main_table {
margin: 6px 0 15px 0;
padding: 0;
width: 100%;
height: 528px;
/deep/ .el-table__row--level-1 {
.el-table__cell {
background-color: #f5f6f7 !important;
}
}
.mineral-table {
// height: 450px;
}
}
/deep/ .el-table th > .cell {
font-family: HarmonyOS_Sans_SC_Medium;
}
/deep/ .el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
border: none;
// border-bottom: 1px #f6f8fa solid;
border-top: 1px #eeeeee solid;
}
/deep/ .el-table .el-table__cell {
padding: 0 !important;
}
// 去除table表格最底部边框
.el-table__row > td {
border: none;
}
/deep/ .el-table__body {
width: 100% !important;
}
// 去除table表格最底部边框
.el-table::before {
height: 0px;
}
// el-table 左侧固定 样式统一
/deep/ .el-table__fixed {
height: 100% !important;
/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;
}
&::before {
height: 0;
}
}
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: #f2f7fe !important;
}
/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;
}
/deep/ .el-table .el-table__body tr:hover > td {
background-color: #f2f7fe !important;
}
thead {
font-size: 0.875rem !important;
font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282f3c !important;
/deep/ .el-table__row {
height: 48px !important;
}
.cell {
font-weight: normal !important;
}
}
/deep/ .el-table__row--level-1 {
.el-table__cell {
background-color: #f5f6f7 !important;
}
}
th {
border: none !important;
background-color: #ecf1f7 !important;
}
}
/deep/ .el-table th > .cell {
font-family: HarmonyOS_Sans_SC_Medium;
}
/deep/ .hover-row {
.el-table__cell {
background-color: #f2f7fe !important;
}
}
/deep/ .el-table .el-table__cell {
padding: 0 !important;
}
/deep/ .el-table__fixed-right {
height: 100% !important;
/deep/ .el-table__body {
width: 100% !important;
}
&::before {
height: 0;
}
}
// el-table 左侧固定 样式统一
/deep/ .el-table__fixed {
height: 100% !important;
// 批量操作
.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;
}
&::before {
height: 0;
}
}
/deep/ .el-link--inner {
color: rgb(5, 95, 231);
}
/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;
}
}
.icon-tanhao1 {
display: flex;
justify-content: center;
align-items: center;
}
/deep/ .hover-row {
.el-table__cell {
background-color: #f2f7fe !important;
}
}
// 表格高度 -- 展示下面的border
.split-line {
height: 650px;
border-bottom: 1px solid #eeeeee;
}
/deep/ .el-table__fixed-right {
height: 100% !important;
// 复选框
/deep/ .el-checkbox__inner {
cursor: pointer;
}
&::before {
height: 0;
}
}
/deep/ .el-checkbox__input {
line-height: 16px;
}
// 批量操作
.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;
}
.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-link--inner {
color: rgb(5, 95, 231);
}
// 输入框选中样式
/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;
}
.icon-tanhao1 {
display: flex;
justify-content: center;
align-items: center;
}
/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;
}
// 表格高度 -- 展示下面的border
.split-line {
height: 650px;
border-bottom: 1px solid #eeeeee;
}
// :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;
// 复选框
/deep/ .el-checkbox__inner {
cursor: pointer;
}
.el-range-input {
color: #055fe7;
}
}
/deep/ .el-checkbox__input {
line-height: 16px;
}
/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;
}
}
.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;
}
/deep/ .el-input__inner:hover {
cursor: text;
}
// @import "@/assets/css/globalBase.scss";
// @import "@/assets/css/globalBase.scss";
</style>
<!--table树-->
<style scoped lang="scss">
.el-select-dropdown__item.selected {
color: #006aff;
}
.el-select-dropdown__item.selected {
color: #006aff;
}
.tableHeader {
> span {
&:last-of-type {
color: #999;
font-size: 12px;
}
}
.tableHeader {
> span {
&:last-of-type {
color: #999;
font-size: 12px;
}
}
}
.rgbq {
padding: 0 5px;
width: 32px;
background: #ddebff;
border-radius: 2px;
font-size: 12px;
color: #055fe7;
}
.rgbq {
padding: 0 5px;
width: 32px;
background: #ddebff;
border-radius: 2px;
font-size: 12px;
color: #055fe7;
}
.pRight {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.pRight {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.removeDia {
//width: 1600px !important;
}
.removeDia {
//width: 1600px !important;
}
.el-table {
/deep/ .el-checkbox {
.is-indeterminate {
.el-checkbox__inner {
background-color: #055fe7 !important;
border: 1px solid #055fe7 !important;
}
}
}
.el-table {
/deep/ .el-checkbox {
.is-indeterminate {
.el-checkbox__inner {
background-color: #055fe7 !important;
border: 1px solid #055fe7 !important;
}
}
}
}
.el-tree /deep/ .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.el-tree /deep/ .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/*有子节点 且未展开*/
.el-table /deep/ .el-icon-arrow-right:before {
content: "";
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*有子节点 且未展开*/
.el-table /deep/ .el-icon-arrow-right:before {
content: "";
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*有子节点 且已展开*/
.el-table /deep/ .el-table__expand-icon--expanded {
.el-icon-arrow-right:before {
content: "";
display: block;
width: 15px;
height: 20px;
font-size: 18px;
background-size: 21px;
}
}
/*有子节点 且已展开*/
.el-table /deep/ .el-table__expand-icon--expanded {
.el-icon-arrow-right:before {
content: "";
display: block;
width: 15px;
height: 20px;
font-size: 18px;
background-size: 21px;
}
}
/*没有子节点*/
.el-tree
/deep/
.el-tree-node__expand-icon.is-leaf::before
.el-table
/deep/
.el-table__placeholder::before {
content: "";
display: block;
width: 16px;
height: 18px;
font-size: 16px;
background-size: 16px;
}
/*没有子节点*/
.el-tree
/deep/
.el-tree-node__expand-icon.is-leaf::before
.el-table
/deep/
.el-table__placeholder::before {
content: "";
display: block;
width: 16px;
height: 18px;
font-size: 16px;
background-size: 16px;
}
/deep/ .el-table--enable-row-hover .el-table__body tr:hover {
cursor: pointer;
}
/deep/ .el-table--enable-row-hover .el-table__body tr:hover {
cursor: pointer;
}
</style>
<style lang="scss">
.el-tag-box {
// width: 930px;
display: flex !important;
text-align: left;
white-space: nowrap;
width: 1070px;
overflow: auto;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.el-tag-box {
// width: 930px;
display: flex !important;
text-align: left;
white-space: nowrap;
width: 1070px;
overflow: auto;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
border-radius: 6px;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 6px;
background: #dadde0;
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
border-radius: 6px;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #dadde0;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 6px;
background: #dadde0;
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
.el-table__expand-icon {
.el-icon-arrow-right {
cursor: pointer !important;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #dadde0;
}
cursor: pointer !important;
position: absolute;
right: 45px;
cursor: pointer;
color: #b51f1f;
transition: transform 0.2s ease-in-out;
width: 11px;
height: 11px;
/* border: black 1px solid; */
margin: 0;
background-image: url("../../assets/img/confirm/expend.png");
background-position: center;
background-size: 11px;
background-repeat: no-repeat;
}
.el-table__expand-icon {
.el-icon-arrow-right {
cursor: pointer !important;
}
cursor: pointer !important;
position: absolute;
right: 45px;
cursor: pointer;
color: #b51f1f;
transition: transform 0.2s ease-in-out;
width: 11px;
height: 11px;
/* border: black 1px solid; */
margin: 0;
background-image: url("../../assets/img/confirm/expend.png");
background-position: center;
background-size: 11px;
background-repeat: no-repeat;
}
.el-table__expand-icon.el-table__expand-icon--expanded {
width: 11px;
height: 11px;
background-image: url("../../assets/img/confirm/shrink.png");
background-position: center;
background-size: 11px;
background-repeat: no-repeat;
transform: rotate(180deg) !important;
}
// 修改下拉框样式
.el-select-dropdown__item {
padding-left: 20px;
}
.el-table__expand-icon.el-table__expand-icon--expanded {
width: 11px;
height: 11px;
background-image: url("../../assets/img/confirm/shrink.png");
background-position: center;
background-size: 11px;
background-repeat: no-repeat;
transform: rotate(180deg) !important;
}
// 修改下拉框样式
.el-select-dropdown__item {
padding-left: 20px;
}
</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