Skip to content

F
founder_vue
Commit 901ad4e0 by 米嘉伟
Options

查询与认定 导出案件

parent cfb78384
Showing with 599 additions and 361 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,11 +1362,11 @@ const setQueryClass = [ ...@@ -1134,11 +1362,11 @@ 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 { /deep/ .el-pager {
.number { .number {
background-color: transparent !important; background-color: transparent !important;
} }
...@@ -1153,27 +1381,27 @@ const setQueryClass = [ ...@@ -1153,27 +1381,27 @@ const setQueryClass = [
.el-icon.more.btn-quickprev.el-icon-more { .el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important; 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 {
...@@ -1188,117 +1416,116 @@ const setQueryClass = [ ...@@ -1188,117 +1416,116 @@ const setQueryClass = [
} }
} }
} }
} }
</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 { /deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条 width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写 height: 6px; // 纵向滚动条 必写
} }
// 滚动条的滑块 // 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dadde0; background-color: #dadde0;
border-radius: 3px; border-radius: 3px;
} }
/deep/ .el-table th { /deep/ .el-table th {
background-color: #f6f8fa; background-color: #f6f8fa;
border: none; border: none;
} }
/deep/ .el-table td, /deep/ .el-table td,
.el-table th.is-leaf { .el-table th.is-leaf {
background-color: #ffffff; background-color: #ffffff;
border: none; border: none;
border-bottom: 1px #f6f8fa solid; border-bottom: 1px #f6f8fa solid;
border-top: 1px #f6f8fa solid; border-top: 1px #f6f8fa solid;
} }
// 表格最外边框 // 表格最外边框
.el-table--border, .el-table--border,
.el-table--group { .el-table--group {
border: none; border: none;
} }
/deep/ .el-popover { /deep/ .el-popover {
padding: 15px 20px !important; padding: 15px 20px !important;
} }
/deep/ .el-popconfirm__action { /deep/ .el-popconfirm__action {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
/deep/ .el-popover.el-popper { /deep/ .el-popover.el-popper {
background: #006aff; background: #006aff;
} }
/deep/ .el-form-item__label { /deep/ .el-form-item__label {
color: #333333; color: #333333;
} }
/deep/ .el-table th > .cell { /deep/ .el-table th > .cell {
font-size: 14px; font-size: 14px;
font-family: HarmonyOS_Sans_SC_Medium; font-family: HarmonyOS_Sans_SC_Medium;
font-weight: normal; font-weight: normal;
color: #282f3c; color: #282f3c;
} }
/deep/ .el-table td > .cell { /deep/ .el-table td > .cell {
font-size: 14px; font-size: 14px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #333333; color: #333333;
} }
/deep/ .el-input__inner { /deep/ .el-input__inner {
background: #ffffff; background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03); box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px; border-radius: 4px;
border: none; border: none;
} }
// 输入框选中样式 // 输入框选中样式
/deep/ .el-input.is-active .el-input__inner, /deep/ .el-input.is-active .el-input__inner,
/deep/ .el-input__inner:focus { /deep/ .el-input__inner:focus {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important; box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important; border-color: none !important;
color: #055fe7; color: #055fe7;
} }
/deep/ .el-input.is-active .el-input__inner, /deep/ .el-input.is-active .el-input__inner,
/deep/ .el-input__inner:hover { /deep/ .el-input__inner:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important; box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important; border-color: none !important;
} }
// :focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时，:focus-within伪类的元素就会有效 // :focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时，:focus-within伪类的元素就会有效
/deep/ .el-input.is-active .el-input__inner, /deep/ .el-input.is-active .el-input__inner,
/deep/ .el-input__inner:focus-within { /deep/ .el-input__inner:focus-within {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important; box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important; border-color: none !important;
color: #055fe7; color: #055fe7;
...@@ -1306,22 +1533,22 @@ const setQueryClass = [ ...@@ -1306,22 +1533,22 @@ const setQueryClass = [
.el-range-input { .el-range-input {
color: #055fe7; color: #055fe7;
} }
} }
/deep/ .el-input.is-active .el-input__inner, /deep/ .el-input.is-active .el-input__inner,
/deep/ .el-input__inner:hover { /deep/ .el-input__inner:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important; box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important; border-color: none !important;
} }
div { div {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline-block; display: inline-block;
/*border: none;*/ /*border: none;*/
} }
.rgrd { .rgrd {
display: flex !important; display: flex !important;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
...@@ -1341,31 +1568,31 @@ const setQueryClass = [ ...@@ -1341,31 +1568,31 @@ const setQueryClass = [
line-height: 24px !important; line-height: 24px !important;
color: #055fe7 !important; color: #055fe7 !important;
} }
} }
hr { hr {
background-color: #eeeeee; background-color: #eeeeee;
height: 1px; height: 1px;
border: none; border: none;
margin: 16px 0 16px 0; margin: 16px 0 16px 0;
} }
label { label {
width: 70px; width: 70px;
height: 22px; height: 22px;
font-size: 14px; font-size: 14px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #999999; color: #999999;
line-height: 22px; line-height: 22px;
} }
i { i {
height: 16px; height: 16px;
width: 16px; width: 16px;
margin: 0 9px 0 9px; margin: 0 9px 0 9px;
} }
b { b {
width: 64px; width: 64px;
height: 24px; height: 24px;
font-size: 16px; font-size: 16px;
...@@ -1373,15 +1600,15 @@ const setQueryClass = [ ...@@ -1373,15 +1600,15 @@ const setQueryClass = [
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
line-height: 24px; line-height: 24px;
} }
.style-middle { .style-middle {
display: flex !important; display: flex !important;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.font { .font {
> span { > span {
cursor: pointer; cursor: pointer;
font-size: 14px !important; font-size: 14px !important;
...@@ -1412,17 +1639,17 @@ const setQueryClass = [ ...@@ -1412,17 +1639,17 @@ const setQueryClass = [
line-height: 16px; line-height: 16px;
margin: 0 6px 0 8px; margin: 0 6px 0 8px;
cursor: pointer; cursor: pointer;
} }
.history { .history {
width: 12px; width: 12px;
height: 12px; height: 12px;
margin-left: 4px; margin-left: 4px;
margin-bottom: 3px; margin-bottom: 3px;
cursor: pointer; cursor: pointer;
} }
.children-count { .children-count {
width: 34px; width: 34px;
height: 21px; height: 21px;
font-size: 12px; font-size: 12px;
...@@ -1432,43 +1659,43 @@ const setQueryClass = [ ...@@ -1432,43 +1659,43 @@ const setQueryClass = [
border-radius: 11px; border-radius: 11px;
position: absolute; position: absolute;
right: 10px; right: 10px;
} }
/deep/ .el-tag .el-icon-close::before { /deep/ .el-tag .el-icon-close::before {
display: block; display: block;
color: #fff; color: #fff;
} }
/deep/ .el-tag .el-icon-close { /deep/ .el-tag .el-icon-close {
background-color: #b1b6c2; background-color: #b1b6c2;
// right: 1px !important; // right: 1px !important;
} }
.el-icon-arrow-down { .el-icon-arrow-down {
color: #999999; color: #999999;
border: #999999 1px solid; border: #999999 1px solid;
border-radius: 50%; /*边设置为圆形*/ border-radius: 50%; /*边设置为圆形*/
font-size: 12px; font-size: 12px;
} }
.el-button { .el-button {
width: 72px; width: 72px;
height: 32px; height: 32px;
border-radius: 4px; border-radius: 4px;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.el-button__inner { .el-button__inner {
width: 72px; width: 72px;
height: 16px; height: 16px;
font-size: 14px; font-size: 14px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #2e3846; color: #2e3846;
line-height: 16px; line-height: 16px;
} }
.el-tag { .el-tag {
color: #055fe7 !important; color: #055fe7 !important;
height: 32px; height: 32px;
box-sizing: border-box !important; box-sizing: border-box !important;
...@@ -1476,10 +1703,9 @@ const setQueryClass = [ ...@@ -1476,10 +1703,9 @@ const setQueryClass = [
background: #ddebff; background: #ddebff;
border-radius: 4px; border-radius: 4px;
font-size: 0.75rem; font-size: 0.75rem;
} }
.confirm-page { .confirm-page {
width: 100%; width: 100%;
padding: 20px 20px; padding: 20px 20px;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
...@@ -1505,43 +1731,43 @@ const setQueryClass = [ ...@@ -1505,43 +1731,43 @@ const setQueryClass = [
float: right; float: right;
} }
} }
} }
/deep/ .el-range-separator { /deep/ .el-range-separator {
line-height: 24px !important; line-height: 24px !important;
} }
.prevent { .prevent {
margin-right: 10px !important; margin-right: 10px !important;
} }
.shu { .shu {
display: inline-block; display: inline-block;
width: 1px; width: 1px;
height: 12px; height: 12px;
margin-right: 20px !important; margin-right: 20px !important;
background: #999999; background: #999999;
} }
.display_style { .display_style {
display: inline-block; display: inline-block;
margin: 5px 24px 5px 0; margin: 5px 24px 5px 0;
} }
/deep/ .el-button span { /deep/ .el-button span {
cursor: pointer; cursor: pointer;
} }
.style-one { .style-one {
display: flex !important; display: flex !important;
} }
.margin_top24_bottom24 { .margin_top24_bottom24 {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.send_time { .send_time {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -1553,9 +1779,9 @@ const setQueryClass = [ ...@@ -1553,9 +1779,9 @@ const setQueryClass = [
position: absolute; position: absolute;
right: 6px; right: 6px;
} }
} }
.display_style span { .display_style span {
height: 24px; height: 24px;
font-size: 14px; font-size: 14px;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
...@@ -1563,51 +1789,51 @@ const setQueryClass = [ ...@@ -1563,51 +1789,51 @@ const setQueryClass = [
line-height: 20px; line-height: 20px;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.el_select { .el_select {
width: 168px; width: 168px;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
border-radius: 4px; border-radius: 4px;
// border: 1px solid #e6e6e8; // border: 1px solid #e6e6e8;
} }
/deep/ .el-input__icon { /deep/ .el-input__icon {
line-height: 32px !important; line-height: 32px !important;
} }
.el_data_picker { .el_data_picker {
width: 256px; width: 256px;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
border-radius: 4px; border-radius: 4px;
border: 1px solid #e6e6e8; border: 1px solid #e6e6e8;
} }
.el_input { .el_input {
width: 168px; width: 168px;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
border-radius: 4px; border-radius: 4px;
// border: 1px solid #e6e6e8; // border: 1px solid #e6e6e8;
} }
.tmh { .tmh {
width: 300px; width: 300px;
} }
/deep/ .el-input__inner { /deep/ .el-input__inner {
height: 32px !important; height: 32px !important;
} }
.btnLabel { .btnLabel {
font-family: HarmonyOS_Sans_SC_Medium; font-family: HarmonyOS_Sans_SC_Medium;
color: #282f3c; color: #282f3c;
font-size: 14px; font-size: 14px;
} }
.btn { .btn {
width: fit-content; width: fit-content;
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -1621,17 +1847,17 @@ const setQueryClass = [ ...@@ -1621,17 +1847,17 @@ const setQueryClass = [
font-weight: 350; font-weight: 350;
color: #666666; color: #666666;
cursor: pointer; cursor: pointer;
} }
.btn:hover { .btn:hover {
color: #055fe7; color: #055fe7;
} }
.btn-active { .btn-active {
color: #055fe7; color: #055fe7;
} }
.btn1 { .btn1 {
width: fit-content; width: fit-content;
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -1644,29 +1870,29 @@ const setQueryClass = [ ...@@ -1644,29 +1870,29 @@ const setQueryClass = [
font-size: 14px; font-size: 14px;
font-weight: 350; font-weight: 350;
cursor: pointer; cursor: pointer;
} }
.btn1:hover { .btn1:hover {
font-weight: bolder; font-weight: bolder;
} }
.btn-active-zc { .btn-active-zc {
color: #00b47a; color: #00b47a;
} }
.btn-active-dc { .btn-active-dc {
color: #e60012; color: #e60012;
} }
.btn-active-cc { .btn-active-cc {
color: #fa9500; color: #fa9500;
} }
.btn-active-ca { .btn-active-ca {
color: #055fe7; color: #055fe7;
} }
.clear_btn { .clear_btn {
width: fit-content; width: fit-content;
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
border: none; border: none;
...@@ -1686,18 +1912,18 @@ const setQueryClass = [ ...@@ -1686,18 +1912,18 @@ const setQueryClass = [
&:active { &:active {
color: #055fe7; color: #055fe7;
} }
} }
.el-button--primary { .el-button--primary {
width: 72px; width: 72px;
height: 32px; height: 32px;
line-height: 22px; line-height: 22px;
padding: 0; padding: 0;
background: #055fe7; background: #055fe7;
border-radius: 4px; border-radius: 4px;
} }
.el-checkbox-button__inner { .el-checkbox-button__inner {
width: 56px; width: 56px;
height: 22px; height: 22px;
font-size: 14px; font-size: 14px;
...@@ -1706,15 +1932,15 @@ const setQueryClass = [ ...@@ -1706,15 +1932,15 @@ const setQueryClass = [
line-height: 22px; line-height: 22px;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
.confirm_main_button { .confirm_main_button {
.el-button--info { .el-button--info {
margin-right: 0; margin-right: 0;
} }
} }
.el-button--info { .el-button--info {
width: 96px; width: 96px;
height: 32px; height: 32px;
font-weight: 350; font-weight: 350;
...@@ -1723,39 +1949,39 @@ const setQueryClass = [ ...@@ -1723,39 +1949,39 @@ const setQueryClass = [
border: 1px solid #aeb5c2; border: 1px solid #aeb5c2;
border-radius: 4px; border-radius: 4px;
margin: 0 8px 0 8px; margin: 0 8px 0 8px;
} }
.el-button--info:hover { .el-button--info:hover {
border: 1px solid #055fe7; border: 1px solid #055fe7;
color: #055fe7; color: #055fe7;
} }
.el-button--info:active { .el-button--info:active {
border: 1px solid #044cb9; border: 1px solid #044cb9;
color: #044cb9; color: #044cb9;
} }
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner, /deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner { .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7 !important; background-color: #055fe7 !important;
border: 1px solid #055fe7 !important; border: 1px solid #055fe7 !important;
} }
/deep/ .el-checkbox__inner:hover { /deep/ .el-checkbox__inner:hover {
border-color: #055fe7; border-color: #055fe7;
/*background: #f5f5f7;*/ /*background: #f5f5f7;*/
} }
/deep/ .el-checkbox__input + .el-checkbox__label { /deep/ .el-checkbox__input + .el-checkbox__label {
color: #333333; color: #333333;
font-size: 14px; font-size: 14px;
} }
/deep/ .el-checkbox__input.is-focus .el-checkbox__inner { /deep/ .el-checkbox__input.is-focus .el-checkbox__inner {
border-color: #055fe7 !important; border-color: #055fe7 !important;
} }
.confirm_main_search { .confirm_main_search {
width: 100%; width: 100%;
height: 34px; height: 34px;
margin-bottom: 10px; margin-bottom: 10px;
...@@ -1771,27 +1997,27 @@ const setQueryClass = [ ...@@ -1771,27 +1997,27 @@ const setQueryClass = [
} }
} }
} }
} }
.confirm_main_button { .confirm_main_button {
position: absolute; position: absolute;
right: 0px; right: 0px;
} }
.el-table /deep/ { .el-table /deep/ {
td.el-table__cell, td.el-table__cell,
th.el-table__cell.is-leaf { th.el-table__cell.is-leaf {
border-bottom: none; border-bottom: none;
} }
} }
.labelFont { .labelFont {
font-size: 14px !important; font-size: 14px !important;
font-family: HarmonyOS_Sans_SC !important; font-family: HarmonyOS_Sans_SC !important;
color: #333333 !important; color: #333333 !important;
} }
.confirm_header_search { .confirm_header_search {
width: 100%; width: 100%;
padding: 20px 20px; padding: 20px 20px;
background: #f6f8fa; background: #f6f8fa;
...@@ -1805,16 +2031,16 @@ const setQueryClass = [ ...@@ -1805,16 +2031,16 @@ const setQueryClass = [
border-radius: 4px; border-radius: 4px;
border: none; border: none;
} }
} }
.confirm_main { .confirm_main {
width: 100%; width: 100%;
// height: 60px; // height: 60px;
height: 620px; height: 620px;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
} }
.confirm_main_table { .confirm_main_table {
margin: 6px 0 15px 0; margin: 6px 0 15px 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
...@@ -1823,75 +2049,75 @@ const setQueryClass = [ ...@@ -1823,75 +2049,75 @@ const setQueryClass = [
.mineral-table { .mineral-table {
// height: 450px; // height: 450px;
} }
} }
/deep/ .el-table td, /deep/ .el-table td,
.el-table th.is-leaf { .el-table th.is-leaf {
background-color: #ffffff; background-color: #ffffff;
border: none; border: none;
// border-bottom: 1px #f6f8fa solid; // border-bottom: 1px #f6f8fa solid;
border-top: 1px #eeeeee solid; border-top: 1px #eeeeee solid;
} }
// 去除table表格最底部边框 // 去除table表格最底部边框
.el-table__row > td { .el-table__row > td {
border: none; border: none;
} }
// 去除table表格最底部边框 // 去除table表格最底部边框
.el-table::before { .el-table::before {
height: 0px; height: 0px;
} }
/deep/ .el-table .el-table__header-wrapper tr th { /deep/ .el-table .el-table__header-wrapper tr th {
background-color: #ecf1f7 !important; background-color: #ecf1f7 !important;
font-size: 14px !important; font-size: 14px !important;
font-family: HarmonyOS_Sans_SC_Medium !important; font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282f3c !important; color: #282f3c !important;
height: 48px !important; height: 48px !important;
padding: 0 !important; padding: 0 !important;
} }
/deep/ .el-table .el-table__body tr.current-row > td { /deep/ .el-table .el-table__body tr.current-row > td {
background-color: #f2f7fe !important; background-color: #f2f7fe !important;
} }
/deep/ .el-table .el-table__body tr:hover > td { /deep/ .el-table .el-table__body tr:hover > td {
background-color: #f2f7fe !important; background-color: #f2f7fe !important;
} }
/deep/ .el-table__row { /deep/ .el-table__row {
height: 48px !important; height: 48px !important;
} }
/deep/ .el-table__row--level-1 { /deep/ .el-table__row--level-1 {
.el-table__cell { .el-table__cell {
background-color: #f5f6f7 !important; background-color: #f5f6f7 !important;
} }
} }
/deep/ .el-table th > .cell { /deep/ .el-table th > .cell {
font-family: HarmonyOS_Sans_SC_Medium; font-family: HarmonyOS_Sans_SC_Medium;
} }
/deep/ .el-table .el-table__cell { /deep/ .el-table .el-table__cell {
padding: 0 !important; padding: 0 !important;
} }
/deep/ .el-table__body { /deep/ .el-table__body {
width: 100% !important; width: 100% !important;
} }
// el-table 左侧固定 样式统一 // el-table 左侧固定 样式统一
/deep/ .el-table__fixed { /deep/ .el-table__fixed {
height: 100% !important; height: 100% !important;
&::before { &::before {
height: 0; height: 0;
} }
} }
/deep/ .el-table__fixed-header-wrapper { /deep/ .el-table__fixed-header-wrapper {
height: 48px !important; height: 48px !important;
.el-table__header { .el-table__header {
...@@ -1919,24 +2145,24 @@ const setQueryClass = [ ...@@ -1919,24 +2145,24 @@ const setQueryClass = [
border: none !important; border: none !important;
background-color: #ecf1f7 !important; background-color: #ecf1f7 !important;
} }
} }
/deep/ .hover-row { /deep/ .hover-row {
.el-table__cell { .el-table__cell {
background-color: #f2f7fe !important; background-color: #f2f7fe !important;
} }
} }
/deep/ .el-table__fixed-right { /deep/ .el-table__fixed-right {
height: 100% !important; height: 100% !important;
&::before { &::before {
height: 0; height: 0;
} }
} }
// 批量操作 // 批量操作
.el-tag { .el-tag {
color: #055fe7 !important; color: #055fe7 !important;
height: 32px; height: 32px;
box-sizing: border-box !important; box-sizing: border-box !important;
...@@ -1947,34 +2173,34 @@ const setQueryClass = [ ...@@ -1947,34 +2173,34 @@ const setQueryClass = [
margin-bottom: 16px; margin-bottom: 16px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
/deep/ .el-link--inner { /deep/ .el-link--inner {
color: rgb(5, 95, 231); color: rgb(5, 95, 231);
} }
.icon-tanhao1 { .icon-tanhao1 {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
// 表格高度 -- 展示下面的border // 表格高度 -- 展示下面的border
.split-line { .split-line {
height: 650px; height: 650px;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
} }
// 复选框 // 复选框
/deep/ .el-checkbox__inner { /deep/ .el-checkbox__inner {
cursor: pointer; cursor: pointer;
} }
/deep/ .el-checkbox__input { /deep/ .el-checkbox__input {
line-height: 16px; line-height: 16px;
} }
.search { .search {
/deep/ .el-input__inner { /deep/ .el-input__inner {
background: #ffffff; background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03); box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
...@@ -2013,50 +2239,50 @@ const setQueryClass = [ ...@@ -2013,50 +2239,50 @@ const setQueryClass = [
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08); box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08);
border-color: none; 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 {
...@@ -2065,25 +2291,25 @@ const setQueryClass = [ ...@@ -2065,25 +2291,25 @@ const setQueryClass = [
} }
} }
} }
} }
.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;
...@@ -2092,10 +2318,10 @@ const setQueryClass = [ ...@@ -2092,10 +2318,10 @@ const setQueryClass = [
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
...@@ -2107,46 +2333,46 @@ const setQueryClass = [ ...@@ -2107,46 +2333,46 @@ const setQueryClass = [
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 { ::-webkit-scrollbar {
width: 6px; width: 6px;
height: 6px; height: 6px;
} }
/* 滚动槽 */ /* 滚动槽 */
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
border-radius: 6px; border-radius: 6px;
} }
/* 滚动条滑块 */ /* 滚动条滑块 */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 6px; border-radius: 6px;
background: #dadde0; background: #dadde0;
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
} }
::-webkit-scrollbar-thumb:window-inactive { ::-webkit-scrollbar-thumb:window-inactive {
background: #dadde0; background: #dadde0;
} }
.el-table__expand-icon { .el-table__expand-icon {
.el-icon-arrow-right { .el-icon-arrow-right {
cursor: pointer !important; cursor: pointer !important;
} }
...@@ -2165,9 +2391,9 @@ const setQueryClass = [ ...@@ -2165,9 +2391,9 @@ const setQueryClass = [
background-position: center; background-position: center;
background-size: 11px; background-size: 11px;
background-repeat: no-repeat; 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");
...@@ -2175,9 +2401,9 @@ const setQueryClass = [ ...@@ -2175,9 +2401,9 @@ const setQueryClass = [
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