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