Skip to content

F
founder_vue
Commit c6659826 by 米嘉伟
Options

父子结构多选错乱

parent 1f854a61
Showing with 1730 additions and 1405 deletions
src/views/AllPersonnelBase/dclb.vue
......@@ -163,6 +163,7 @@
<!-- 五 -->
<div v-if="showType == 1">
<el-table
class="table1"
:height="height"
ref="multipleTable"
:data="tableDate1"
......@@ -181,6 +182,7 @@
<el-table-column
type="selection"
:width="width5"
:selectable="checkSelectable1"
>
</el-table-column>
<el-table-column
......@@ -296,6 +298,7 @@
</div>
<el-table
v-if="showType == 2"
class="table2"
:height="height"
ref="multipleTable"
:data="tableDate2"
......@@ -314,6 +317,7 @@
<el-table-column
type="selection"
:width="width5"
:selectable="checkSelectable2"
>
</el-table-column>
<el-table-column
......@@ -602,6 +606,14 @@ export default {
this.$message.error("抱歉，复制条码号失败！");
}
},
// 判断能不能选择
checkSelectable1 (row) {
return row.hasOwnProperty('personExportRecordGrandchildren')
},
// 判断能不能选择
checkSelectable2 (row) {
return row.hasOwnProperty('caseExportRecordGrandchildren')
},
// 展开或关闭行
hadnlExpandChange1 (row, expanded) {
// console.log(row, expanded, "hadnlExpandChange1")
......@@ -614,48 +626,53 @@ export default {
// var i = this.tableData.findIndex(table => table.id === row.id);
console.log(i, 112233);
if (expanded) {
this.tableDate1[i] = {
taskNumber: row.taskNumber,
sequenceNumber: row.sequenceNumber,
personExportRecordGrandchildren: row.personExportRecordGrandchildren,
// qid: row.qid,
// children: row.children,
// queryId: row.queryId,
expanded: true,
};
this.$forceUpdate();
$('.table1 .el-table__body tr:nth-child(' + (i + 1) + ')').addClass('hiddenFather')
} else {
//console.info("折叠时row数据", this.list[i]);
this.tableDate1[i] = {
taskNumber: row.taskNumber,
sequenceNumber: row.sequenceNumber,
personExportRecordGrandchildren: row.personExportRecordGrandchildren,
barcode: row.personExportRecordGrandchildren[0].barcode,
collectIdName: row.personExportRecordGrandchildren[0].collectIdName,
collectIdCard: row.personExportRecordGrandchildren[0].collectIdCard,
dataType: row.personExportRecordGrandchildren[0].dataType,
dataTypeName: row.personExportRecordGrandchildren[0].dataTypeName,
declassificationName: row.personExportRecordGrandchildren[0].declassificationName,
declassificationStatus: row.personExportRecordGrandchildren[0].declassificationStatus,
exportName: row.personExportRecordGrandchildren[0].exportName,
exportTime: row.personExportRecordGrandchildren[0].exportTime,
exportType: row.personExportRecordGrandchildren[0].exportType,
failReason: row.personExportRecordGrandchildren[0].failReason,
featureName: row.personExportRecordGrandchildren[0].featureName,
featureStatus: row.personExportRecordGrandchildren[0].featureStatus,
id: row.personExportRecordGrandchildren[0].id,
picCount: row.personExportRecordGrandchildren[0].picCount,
plainCount: row.personExportRecordGrandchildren[0].plainCount,
plamCount: row.personExportRecordGrandchildren[0].plamCount,
rollCount: row.personExportRecordGrandchildren[0].rollCount,
status: row.personExportRecordGrandchildren[0].status,
statusName: row.personExportRecordGrandchildren[0].statusName,
expanded: false,
};
//console.log(this.list[i]);
this.$forceUpdate();
// //console.info("塞完数据的row", this.list[i]);
$('.table1 .el-table__body tr:nth-child(' + (i + 1) + ')').removeClass('hiddenFather')
}
// if (expanded) {
// this.tableDate1[i] = {
// taskNumber: row.taskNumber,
// sequenceNumber: row.sequenceNumber,
// personExportRecordGrandchildren: row.personExportRecordGrandchildren,
// // qid: row.qid,
// // children: row.children,
// // queryId: row.queryId,
// expanded: true,
// };
// this.$forceUpdate();
// } else {
// //console.info("折叠时row数据", this.list[i]);
// this.tableDate1[i] = {
// taskNumber: row.taskNumber,
// sequenceNumber: row.sequenceNumber,
// personExportRecordGrandchildren: row.personExportRecordGrandchildren,
// barcode: row.personExportRecordGrandchildren[0].barcode,
// collectIdName: row.personExportRecordGrandchildren[0].collectIdName,
// collectIdCard: row.personExportRecordGrandchildren[0].collectIdCard,
// dataType: row.personExportRecordGrandchildren[0].dataType,
// dataTypeName: row.personExportRecordGrandchildren[0].dataTypeName,
// declassificationName: row.personExportRecordGrandchildren[0].declassificationName,
// declassificationStatus: row.personExportRecordGrandchildren[0].declassificationStatus,
// exportName: row.personExportRecordGrandchildren[0].exportName,
// exportTime: row.personExportRecordGrandchildren[0].exportTime,
// exportType: row.personExportRecordGrandchildren[0].exportType,
// failReason: row.personExportRecordGrandchildren[0].failReason,
// featureName: row.personExportRecordGrandchildren[0].featureName,
// featureStatus: row.personExportRecordGrandchildren[0].featureStatus,
// id: row.personExportRecordGrandchildren[0].id,
// picCount: row.personExportRecordGrandchildren[0].picCount,
// plainCount: row.personExportRecordGrandchildren[0].plainCount,
// plamCount: row.personExportRecordGrandchildren[0].plamCount,
// rollCount: row.personExportRecordGrandchildren[0].rollCount,
// status: row.personExportRecordGrandchildren[0].status,
// statusName: row.personExportRecordGrandchildren[0].statusName,
// expanded: false,
// };
// //console.log(this.list[i]);
// this.$forceUpdate();
// // //console.info("塞完数据的row", this.list[i]);
// }
},
// 展开或关闭行
hadnlExpandChange2 (row, expanded) {
......@@ -665,52 +682,56 @@ export default {
this.expanded = expanded;
// 获取下标
var i = this.tableDate2.findIndex((table) => table.sequenceNumber === row.sequenceNumber);
// var i = this.tableData.findIndex(table => table.id === row.id);
console.log(i, 112233);
if (expanded) {
this.tableDate2[i] = {
taskNumber: row.taskNumber,
sequenceNumber: row.sequenceNumber,
caseExportRecordGrandchildren: row.caseExportRecordGrandchildren,
// qid: row.qid,
// children: row.children,
// queryId: row.queryId,
expanded: true,
};
this.$forceUpdate();
$('.table2 .el-table__body tr:nth-child(' + (i + 1) + ')').addClass('hiddenFather')
} else {
//console.info("折叠时row数据", this.list[i]);
this.tableDate2[i] = {
taskNumber: row.taskNumber,
sequenceNumber: row.sequenceNumber,
caseExportRecordGrandchildren: row.caseExportRecordGrandchildren,
barcode: row.caseExportRecordGrandchildren[0].barcode,
collectIdName: row.caseExportRecordGrandchildren[0].collectIdName,
collectIdCard: row.caseExportRecordGrandchildren[0].collectIdCard,
dataType: row.caseExportRecordGrandchildren[0].dataType,
dataTypeName: row.caseExportRecordGrandchildren[0].dataTypeName,
declassificationName: row.caseExportRecordGrandchildren[0].declassificationName,
declassificationStatus: row.caseExportRecordGrandchildren[0].declassificationStatus,
exportName: row.caseExportRecordGrandchildren[0].exportName,
exportTime: row.caseExportRecordGrandchildren[0].exportTime,
exportType: row.caseExportRecordGrandchildren[0].exportType,
failReason: row.caseExportRecordGrandchildren[0].failReason,
featureName: row.caseExportRecordGrandchildren[0].featureName,
featureStatus: row.caseExportRecordGrandchildren[0].featureStatus,
id: row.caseExportRecordGrandchildren[0].id,
picCount: row.caseExportRecordGrandchildren[0].picCount,
plainCount: row.caseExportRecordGrandchildren[0].plainCount,
plamCount: row.caseExportRecordGrandchildren[0].plamCount,
rollCount: row.caseExportRecordGrandchildren[0].rollCount,
status: row.caseExportRecordGrandchildren[0].status,
statusName: row.caseExportRecordGrandchildren[0].statusName,
expanded: false,
};
//console.log(this.list[i]);
this.$forceUpdate();
// //console.info("塞完数据的row", this.list[i]);
$('.table2 .el-table__body tr:nth-child(' + (i + 1) + ')').removeClass('hiddenFather')
}
// var i = this.tableData.findIndex(table => table.id === row.id);
// console.log(i, 112233);
// if (expanded) {
// this.tableDate2[i] = {
// taskNumber: row.taskNumber,
// sequenceNumber: row.sequenceNumber,
// caseExportRecordGrandchildren: row.caseExportRecordGrandchildren,
// // qid: row.qid,
// // children: row.children,
// // queryId: row.queryId,
// expanded: true,
// };
// this.$forceUpdate();
// } else {
// //console.info("折叠时row数据", this.list[i]);
// this.tableDate2[i] = {
// taskNumber: row.taskNumber,
// sequenceNumber: row.sequenceNumber,
// caseExportRecordGrandchildren: row.caseExportRecordGrandchildren,
// barcode: row.caseExportRecordGrandchildren[0].barcode,
// collectIdName: row.caseExportRecordGrandchildren[0].collectIdName,
// collectIdCard: row.caseExportRecordGrandchildren[0].collectIdCard,
// dataType: row.caseExportRecordGrandchildren[0].dataType,
// dataTypeName: row.caseExportRecordGrandchildren[0].dataTypeName,
// declassificationName: row.caseExportRecordGrandchildren[0].declassificationName,
// declassificationStatus: row.caseExportRecordGrandchildren[0].declassificationStatus,
// exportName: row.caseExportRecordGrandchildren[0].exportName,
// exportTime: row.caseExportRecordGrandchildren[0].exportTime,
// exportType: row.caseExportRecordGrandchildren[0].exportType,
// failReason: row.caseExportRecordGrandchildren[0].failReason,
// featureName: row.caseExportRecordGrandchildren[0].featureName,
// featureStatus: row.caseExportRecordGrandchildren[0].featureStatus,
// id: row.caseExportRecordGrandchildren[0].id,
// picCount: row.caseExportRecordGrandchildren[0].picCount,
// plainCount: row.caseExportRecordGrandchildren[0].plainCount,
// plamCount: row.caseExportRecordGrandchildren[0].plamCount,
// rollCount: row.caseExportRecordGrandchildren[0].rollCount,
// status: row.caseExportRecordGrandchildren[0].status,
// statusName: row.caseExportRecordGrandchildren[0].statusName,
// expanded: false,
// };
// //console.log(this.list[i]);
// this.$forceUpdate();
// // //console.info("塞完数据的row", this.list[i]);
// }
},
/**
* @description: 是否是批量操作
......@@ -1240,4 +1261,18 @@ export default {
/deep/ .el-table .el-table__body tr:hover > td {
background-color: transparent !important;
}
/deep/.hiddenFather {
:nth-child(n + 3) {
div {
opacity: 0;
}
.cell {
opacity: 0;
}
}
}
/deep/.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
background-color: #006aff;
border-color: #006aff;
}
</style>
src/views/cxyrd/QueryConfirm.vue
<template>
<el-container class="confirm-page" direction="vertical">
<el-container
class="confirm-page"
direction="vertical"
>
<div class="confirm_header_search">
<div class="width100 margin_top24_bottom24" style="display: flex; align-items: center; position: relative">
<div
class="width100 margin_top24_bottom24"
style="display: flex; align-items: center; position: relative"
>
<div class="display_style">
<span class="labelFont">条码号：</span>
<el-input maxlength="23" show-word-limit clearable class="el_input tmh" v-model="reqParam.contrastCustomSearchReq.barcode" placeholder="请输入条码号"></el-input>
<el-input
maxlength="23"
show-word-limit
clearable
class="el_input tmh"
v-model="reqParam.contrastCustomSearchReq.barcode"
placeholder="请输入条码号"
></el-input>
</div>
<div class="display_style">
<span class="labelFont">用户名：</span>
<el-select filterable 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-select
filterable
class="el_select"
v-model="reqParam.contrastCustomSearchReq.userid"
@change="selectUserInfo"
clearable
@clear="clearUser"
>
<el-option
v-for="(item, index) in userOption"
:key="index"
:label="item.label"
:value="item.userid"
>
</el-option>
</el-select>
</div>
<div class="display_style">
<span class="labelFont">查询ID：</span>
<el-input class="el_input" placeholder="请输入查询ID" v-model="reqParam.contrastCustomSearchReq.qqid" clearable></el-input>
<el-input
class="el_input"
placeholder="请输入查询ID"
v-model="reqParam.contrastCustomSearchReq.qqid"
clearable
></el-input>
</div>
<div class="display_style">
<span class="labelFont">任务号：</span>
<el-input class="el_input" placeholder="请输入任务号" v-model="reqParam.contrastCustomSearchReq.qid" clearable></el-input>
<el-input
class="el_input"
placeholder="请输入任务号"
v-model="reqParam.contrastCustomSearchReq.qid"
clearable
></el-input>
</div>
<div class="display_style send_time" style="display: flex; align-items: center">
<div
class="display_style send_time"
style="display: flex; align-items: center"
>
<span class="labelFont">发送时间：</span>
<el-date-picker v-model="startEndDate" style="display: flex; align-items: center" class="el_data_picker" type="daterange" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" :picker-options="{
<el-date-picker
v-model="startEndDate"
style="display: flex; align-items: center"
class="el_data_picker"
type="daterange"
range-separator="-"
start-placeholder="开始时间"
end-placeholder="结束时间"
:picker-options="{
disabledDate: disabledDate,
}">
}"
>
</el-date-picker>
</div>
<div class="pRight">
<div class="clear_btn" @click="clearParams('yes')">
<div
class="clear_btn"
@click="clearParams('yes')"
>
清空
</div>
<el-button type="primary" class="f-primary-button" @click="search">筛选
<el-button
type="primary"
class="f-primary-button"
@click="search"
>筛选
</el-button>
</div>
</div>
<div class="width100 margin_top24_bottom24 display_style">
<div class="display_style prevent">
<label class="btnLabel">查询类型：</label>
<div v-for="(btn, index) in queryTypeBtns" :key="index">
<div
v-for="(btn, index) in queryTypeBtns"
:key="index"
>
<!-- <div-->
<!-- class="btn"-->
<!-- @click="getQueryType(btn, 'querytypes')"-->
......@@ -51,7 +108,10 @@
<!-- : ''-->
<!-- ]"-->
<!-- >-->
<div class="btn1" @click="getQueryType(btn, 'querytypes')" :class="[
<div
class="btn1"
@click="getQueryType(btn, 'querytypes')"
:class="[
btn.value === '2'
? 'btn-active-zc'
: btn.value === '3'
......@@ -61,7 +121,8 @@
: btn.value === '0'
? 'btn-active-cc'
: '',
]">
]"
>
{{ btn.name }}
</div>
</div>
......@@ -69,12 +130,19 @@
<p class="shu"></p>
<div class="display_style prevent">
<label class="btnLabel">优先级：</label>
<div v-for="(btn, index) in queryClassBtns" :key="index">
<div class="btn" @click="getQueryType(btn, 'queryclasss')" :class="[
<div
v-for="(btn, index) in queryClassBtns"
:key="index"
>
<div
class="btn"
@click="getQueryType(btn, 'queryclasss')"
:class="[
reqParam.contrastCustomSearchReq.queryclasss.includes(btn.value)
? 'btn-active'
: '',
]">
]"
>
{{ btn.name }}
</div>
</div>
......@@ -82,12 +150,19 @@
<p class="shu"></p>
<div class="display_style">
<label class="btnLabel">是否远程：</label>
<div v-for="(btn, index) in remoteFlagBtns" :key="index">
<div class="btn" @click="getQueryType(btn, 'remoteflags')" :class="[
<div
v-for="(btn, index) in remoteFlagBtns"
:key="index"
>
<div
class="btn"
@click="getQueryType(btn, 'remoteflags')"
:class="[
reqParam.contrastCustomSearchReq.remoteflags.includes(btn.value)
? 'btn-active'
: '',
]">
]"
>
{{ btn.name }}
</div>
</div>
......@@ -101,14 +176,24 @@
<div class="width100 margin_top24_bottom24 display_style">
<label class="width70 btnLabel">状态选择：</label>
<!-- -1：无效；0：等待比对；1：正在比对；9：比对出错；10：比对完成（等待认定）；11：正在认定；19：认定出错；20：认定完成（等待复核）；21：正在复核；29：复核出错；30；复合完成；99：标记删除-->
<div class="btn" @click="allQueryType()">全部
<div
class="btn"
@click="allQueryType()"
>全部
</div>
<div v-for="(btn, index) in queryStateBtns" :key="index">
<div class="btn" @click="getQueryType(btn, 'querystates')" :class="[
<div
v-for="(btn, index) in queryStateBtns"
:key="index"
>
<div
class="btn"
@click="getQueryType(btn, 'querystates')"
:class="[
reqParam.contrastCustomSearchReq.querystates.includes(btn.value)
? 'btn-active'
: '',
]">
]"
>
{{ btn.name }}
</div>
</div>
......@@ -117,7 +202,10 @@
<div class="confirm_main">
<div class="confirm_main_search margin0 width100">
<div class="display_style style-one">
<el-button type="info" @click="batch">批量操作
<el-button
type="info"
@click="batch"
>批量操作
</el-button>
<div class="middle style-middle">
<!-- <div class="font" @click="clearAll()">
......@@ -125,14 +213,24 @@
<i class="iconfont icon-xiala"></i>
</div> -->
<div class="el-tag-box">
<el-tag style="margin-right: 10px" :key="index" v-for="(tag, index) in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)">
<el-tag
style="margin-right: 10px"
:key="index"
v-for="(tag, index) in dynamicTags"
closable
:disable-transitions="false"
@close="handleClose(tag)"
>
{{ tag.name }}
</el-tag>
</div>
</div>
</div>
<div class="display_style confirm_main_button">
<div class="rgrd" @click="$refs.recognitionDialog.open()">
<div
class="rgrd"
@click="$refs.recognitionDialog.open()"
>
<!-- <img src="@/assets/img/person1.png" alt="" /> -->
<i class="iconfont icon-rengongrending"></i>
<span>人工认定</span>
......@@ -141,9 +239,19 @@
<div class="margin0">
<el-dropdown trigger="click">
<el-button type="info">自定义列</el-button>
<el-dropdown-menu slot="dropdown" class="el-dropdown-content-bg">
<el-checkbox-group v-model="checkedProps" @change="changeCheckbox">
<el-checkbox v-for="(item, index) in defaultTableProps" :label="item.prop" :key="index">
<el-dropdown-menu
slot="dropdown"
class="el-dropdown-content-bg"
>
<el-checkbox-group
v-model="checkedProps"
@change="changeCheckbox"
>
<el-checkbox
v-for="(item, index) in defaultTableProps"
:label="item.prop"
:key="index"
>
{{ item.colume }}
</el-checkbox>
</el-checkbox-group>
......@@ -152,31 +260,77 @@
</div>
<!-- 自定义列 止 -->
<!-- 复制条码号 起 -->
<el-button type="info" v-if="roleArr.includes('C-1-3')" v-clipboard:copy="barcode" @click="getBarcode" v-clipboard:success="onCopy" v-clipboard:error="onError">
<el-button
type="info"
v-if="roleArr.includes('C-1-3')"
v-clipboard:copy="barcode"
@click="getBarcode"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>
复制条码
</el-button>
<!-- 复制条码号 止 -->
<el-button type="info" @click="delMore" v-if="roleArr.includes('C-1-4')">删除
<el-button
type="info"
@click="delMore"
v-if="roleArr.includes('C-1-4')"
>删除
</el-button>
<!-- <el-button>发查询</el-button>-->
</div>
</div>
<el-tag class="removeDia" style="width: 100%; color: #666666; margin-bottom: 0.5rem" v-show="isShowTip">
<i class="iconfont icon-tanhao1" style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem"></i>
<el-tag
class="removeDia"
style="width: 100%; color: #666666; margin-bottom: 0.5rem"
v-show="isShowTip"
>
<i
class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem"
></i>
已选择
<span style="color: #055fe7">{{ selectionData.length }}</span> 项​
<span v-html="'&nbsp;&nbsp;'"></span>
<el-link type="primary" :underline="false" :style="{
<el-link
type="primary"
:underline="false"
:style="{
marginLeft: '1.25rem',
color: selectionData.length > 0 ? '#055FE7' : '#C2C4C7',
}" @click="toggleSelection()">清除
}"
@click="toggleSelection()"
>清除
</el-link>
</el-tag>
<div class="confirm_main_table">
<el-table style="width: 100%" :height="height" :border="false" @selection-change="handleSelectionChange" ref="confirmTable" tooltip-effect="dark" :data="list" :key="tableKey" :class="{ delSelection: !selectBoo }" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="queryId" @row-click="confirm" @expand-change="hadnlExpandChange">
<el-table
style="width: 100%"
:height="height"
:border="false"
@selection-change="handleSelectionChange"
ref="confirmTable"
tooltip-effect="dark"
:data="list"
:key="tableKey"
:class="{ delSelection: !selectBoo }"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
row-key="queryId"
@row-click="confirm"
@expand-change="hadnlExpandChange"
>
<!-- @select-all="handleSelectAll" -->
<el-table-column type="selection" height width="auto" :selectable="checkSelectable"></el-table-column>
<el-table-column prop="" label="任务号/查询ID" :width="cxyrdWidth1">
<el-table-column
type="selection"
height
width="auto"
:selectable="checkSelectable"
></el-table-column>
<el-table-column
prop=""
label="任务号/查询ID"
:width="cxyrdWidth1"
>
<template #header>
<div class="tableHeader">
<span>任务号 </span>
......@@ -184,47 +338,78 @@
</div>
</template>
<template slot-scope="scope">
<svg-icon style="
<svg-icon
style="
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
" v-if="scope.row.children || scope.row.children === null" icon-class="tree_f">
"
v-if="scope.row.children || scope.row.children === null"
icon-class="tree_f"
>
</svg-icon>
<svg-icon style="
<svg-icon
style="
width: 0.8125rem;
height: 0.375rem;
margin: 0 0 0.1875rem 0;
" v-else-if="!scope.row.children || scope.row.children !== null" icon-class="tree_c"></svg-icon>
"
v-else-if="!scope.row.children || scope.row.children !== null"
icon-class="tree_c"
></svg-icon>
{{
scope.row.children || scope.row.children === null
? scope.row.qid
: scope.row.qqid
}}
<div v-show="scope.row.children && scope.row.children !== null" class="children-count">
<div
v-show="scope.row.children && scope.row.children !== null"
class="children-count"
>
{{ scope.row.children ? scope.row.children.length : 0 }}
</div>
</template>
</el-table-column>
<el-table-column v-for="(item, index) in tableProps" show-overflow-tooltip :key="index" :label="item.colume" :prop="item.prop" :width="item.width" :sortable="
<el-table-column
v-for="(item, index) in tableProps"
show-overflow-tooltip
:key="index"
:label="item.colume"
:prop="item.prop"
:width="item.width"
:sortable="
item.prop == 'affirmtime' ||
item.prop == 'requestdatetime' ||
item.prop == 'queryclass'
? true
: false
">
"
>
<template slot-scope="scope">
<template v-if="item.prop === 'querytype'">
<div v-if="scope.row.querytype === '3'" style="color: #055fe7">
<div
v-if="scope.row.querytype === '3'"
style="color: #055fe7"
>
{{ scope.row.queryTypeName }}
</div>
<div v-else-if="scope.row.querytype === '0'" style="color: #fa9500">
<div
v-else-if="scope.row.querytype === '0'"
style="color: #fa9500"
>
{{ scope.row.queryTypeName }}
</div>
<div v-else-if="scope.row.querytype === '1'" style="color: #e60012">
<div
v-else-if="scope.row.querytype === '1'"
style="color: #e60012"
>
{{ scope.row.queryTypeName }}
</div>
<div v-else-if="scope.row.querytype === '2'" style="color: #00b47a">
<div
v-else-if="scope.row.querytype === '2'"
style="color: #00b47a"
>
{{ scope.row.queryTypeName }}
</div>
<div v-else>
......@@ -236,9 +421,16 @@
{{ scope.row.barcode }}
<!-- {{ scope.row.artificialAffirmFlag }} -->
<div v-if="scope.row.barcode && scope.row.artificialAffirmFlag !='1'">
<img class="history" :src="historyUrl" @click.stop="getDialog(scope.row)" />
<img
class="history"
:src="historyUrl"
@click.stop="getDialog(scope.row)"
/>
</div>
<div v-if="scope.row.barcode && scope.row.artificialAffirmFlag=='1'" class="rgbq">
<div
v-if="scope.row.barcode && scope.row.artificialAffirmFlag=='1'"
class="rgbq"
>
<p>人工</p>
</div>
</div>
......@@ -268,30 +460,51 @@
{{ dataFormat(scope.row, item.prop) }}</template>
</template>
</el-table-column>
<el-table-column width="auto" label="操作" align="left">
<el-table-column
width="auto"
label="操作"
align="left"
>
<template slot-scope="scope">
<Confirmation content="复制条码" v-if="scope.row.barcode && roleArr.includes('C-1-5')">
<img style="
<Confirmation
content="复制条码"
v-if="scope.row.barcode && roleArr.includes('C-1-5')"
>
<img
style="
width: 1rem;
height: 1rem;
margin-right: 1.125rem;
cursor: pointer;
" src="@/assets/img/qbryk/fz.svg" @click.stop="
"
src="@/assets/img/qbryk/fz.svg"
@click.stop="
() => {
delSelect();
edit(scope.row);
}
" />
"
/>
</Confirmation>
<div @click.stop="() => {}">
<Confirmation :ref="getPopConfirmRef(scope.$index)" v-if="scope.row.barcode && roleArr.includes('C-1-6')" @onConfirm="delOne(scope.row.qqid)" content="删除" :hintBoo="true">
<Confirmation
:ref="getPopConfirmRef(scope.$index)"
v-if="scope.row.barcode && roleArr.includes('C-1-6')"
@onConfirm="delOne(scope.row.qqid)"
content="删除"
:hintBoo="true"
>
<div slot="reference">
<img style="width: 1rem; height: 1rem; cursor: pointer" :src="delUrl" @click="
<img
style="width: 1rem; height: 1rem; cursor: pointer"
:src="delUrl"
@click="
() => {
clickCancle(scope.$index)
delSelect()
}
" />
"
/>
</div>
</Confirmation>
</div>
......@@ -304,16 +517,34 @@
<span class="count">共{{ reqParam.page.total }} 条记录 第{{ reqParam.page.currPage }}/{{
size
}}页</span>
<el-pagination class="paging" background @size-change="handleSizeChange" @current-change="handleCurrPageChange" :current-page="reqParam.page.currPage" :page-sizes="[10, 20, 50, 100]" :page-size="reqParam.page.pageSize" layout="prev, pager, next" :total="reqParam.page.total">
<el-pagination
class="paging"
background
@size-change="handleSizeChange"
@current-change="handleCurrPageChange"
:current-page="reqParam.page.currPage"
:page-sizes="[10, 20, 50, 100]"
:page-size="reqParam.page.pageSize"
layout="prev, pager, next"
:total="reqParam.page.total"
>
</el-pagination>
</div>
<el-dialog :visible.sync="historyDialogVisible" style="z-index: 1500">
<el-dialog
:visible.sync="historyDialogVisible"
style="z-index: 1500"
>
</el-dialog>
<recognitionDialog ref="recognitionDialog"></recognitionDialog>
<Fcxtj :isShowFcx="isShowFcx" :type="dialogType" ref="fcxtj" :dialogQid="dialogQid"></Fcxtj>
<Fcxtj
:isShowFcx="isShowFcx"
:type="dialogType"
ref="fcxtj"
:dialogQid="dialogQid"
></Fcxtj>
</el-container>
</template>
......@@ -556,7 +787,7 @@ export default {
this.reqParam.page.total = response.data.ret.total
this.size = response.data.ret.pages
response.data.ret.list.forEach((item, i) => {
if(item.children) {
if (item.children) {
self.changStyle.push(item.queryId)
item.children.forEach(item2 => {
self.changStyle.push(item2.queryId)
......@@ -923,10 +1154,10 @@ export default {
// $('.el-table__body tr:nth-child('+(index+1)+')').addClass('hiddenFather')
console.log($('.el-table__body tr')[index]);
if(expanded) {
$('.el-table__body tr:nth-child('+(index+1)+')').addClass('hiddenFather')
if (expanded) {
$('.el-table__body tr:nth-child(' + (index + 1) + ')').addClass('hiddenFather')
} else {
$('.el-table__body tr:nth-child('+(index+1)+')').removeClass('hiddenFather')
$('.el-table__body tr:nth-child(' + (index + 1) + ')').removeClass('hiddenFather')
}
// var i = this.tableData.findIndex(table => table.id === row.id);
......@@ -2276,29 +2507,29 @@ b {
}
</style>
<style scoped lang="scss">
$expendStyle: var(--expendStyle, 1);
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: transparent !important;
}
$expendStyle: var(--expendStyle, 1);
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: transparent !important;
}
/deep/ .el-table .el-table__body tr:hover > td {
background-color: transparent !important;
}
// /deep/.el-table__row--level-0 {
// :nth-child(n+3) {
// div {
// opacity: $expendStyle;
// }
// }
// }
/deep/.hiddenFather {
:nth-child(n+3) {
div {
opacity: 0;
}
.cell {
opacity: 0;
}
/deep/ .el-table .el-table__body tr:hover > td {
background-color: transparent !important;
}
// /deep/.el-table__row--level-0 {
// :nth-child(n+3) {
// div {
// opacity: $expendStyle;
// }
// }
// }
/deep/.hiddenFather {
:nth-child(n + 3) {
div {
opacity: 0;
}
.cell {
opacity: 0;
}
}
}
</style>
src/views/drFPTX/Index.vue
<template>
<div
class='drFPTX'
id="drFPTX"
<div
class='drFPTX'
id="drFPTX"
>
<el-radio-group
class='drlx'
v-model="drlx"
>
<el-radio-group
class='drlx'
v-model="drlx"
>
<el-radio
:label="3"
v-if="roleArr.includes('B-1-1')"
>人员
</el-radio>
<el-radio
:label="6"
v-if="roleArr.includes('B-1-2')"
>案件
</el-radio>
<el-radio
:label="9"
v-if="roleArr.includes('B-1-3')"
>比中关系
</el-radio>
</el-radio-group>
<div class='choose'>
<div class="chooseTip">
<div class="wjlx">
<div class="left">
<el-radio-group v-model="wjlx">
<el-radio :label="3">文件</el-radio>
<el-radio :label="6">文件夹</el-radio>
</el-radio-group>
</div>
<div class="right">
<div class='center'>
<el-input
:placeholder="'请选择文件路径（最大支持'+ ltSize +'M）'"
v-model="fileName"
></el-input>
<div class="line"></div>
<div
class="text"
@click="wjlx==3 ? uploadFile() : uploadFiles()"
>选择
</div>
<!-- 上传 -->
<!-- style="display:none" -->
<el-upload
class="upload-demo"
ref="upload"
:multiple="true"
:action='action'
:on-preview="handlePreview"
:on-remove="handleRemove"
:on-success="uploadSuccess"
:on-change='onChange'
:on-progress="uploadProcess"
:file-list="fileList"
:auto-upload="false"
:before-upload="beforeUpload"
:show-file-list="false"
>
</el-upload>
</div>
</div>
</div>
<div class="tip">
<span class="iconfont">&#xe649;</span>提示：当选择多个逻辑库时，工作流以最小ID逻辑库为准！
</div>
<el-radio
:label="3"
v-if="roleArr.includes('B-1-1')"
>人员
</el-radio>
<el-radio
:label="6"
v-if="roleArr.includes('B-1-2')"
>案件
</el-radio>
<el-radio
:label="9"
v-if="roleArr.includes('B-1-3')"
>比中关系
</el-radio>
</el-radio-group>
<div class='choose'>
<div class="chooseTip">
<div class="wjlx">
<div class="left">
<el-radio-group v-model="wjlx">
<el-radio :label="3">文件</el-radio>
<el-radio :label="6">文件夹</el-radio>
</el-radio-group>
</div>
<div class="right">
<div class='center'>
<el-input
:placeholder="'请选择文件路径（最大支持'+ ltSize +'M）'"
v-model="fileName"
></el-input>
<div class="line"></div>
<div
class="text"
@click="wjlx==3 ? uploadFile() : uploadFiles()"
>选择
</div>
<!-- 上传 -->
<!-- style="display:none" -->
<el-upload
class="upload-demo"
ref="upload"
:multiple="true"
:action='action'
:on-preview="handlePreview"
:on-remove="handleRemove"
:on-success="uploadSuccess"
:on-change='onChange'
:on-progress="uploadProcess"
:file-list="fileList"
:auto-upload="false"
:before-upload="beforeUpload"
:show-file-list="false"
>
</el-upload>
</div>
<el-button
:class="selectArr.length?'selected':'noselected'"
@click="submitUpload"
:disabled="selectArr.length?false:true"
>导入
</el-button>
</div>
</div>
<div class="divider"></div>
<div
class='bottom'
v-show="this.drlx==3||this.drlx==6"
>
<div class="left">
<el-col :span="11">
<div class="head">
<div></div>
FPTX的条码号
</div>
<el-table
height="37rem"
:border="false"
:data="datas"
@selection-change="checkAll1"
style="width: 100%;"
row-key="pid"
:tree-props="{children: 'sonBarcode', hasChildren: 'hasChildren'}"
@expand-change="hadnlExpandChange1"
>
<el-table-column
type="selection"
:width="fptxWidth1"
:selectable="checkSelectable"
>
</el-table-column>
<el-table-column
prop="wjxh"
:width="fptxWidth2"
label="文件序号"
>
<template slot-scope="scope">
<svg-icon
style="
<div class="tip">
<span class="iconfont">&#xe649;</span>提示：当选择多个逻辑库时，工作流以最小ID逻辑库为准！
</div>
</div>
<el-button
:class="selectArr.length?'selected':'noselected'"
@click="submitUpload"
:disabled="selectArr.length?false:true"
>导入
</el-button>
</div>
<div class="divider"></div>
<div
class='bottom'
v-show="this.drlx==3||this.drlx==6"
>
<div class="left">
<el-col :span="11">
<div class="head">
<div></div>
FPTX的条码号
</div>
<el-table
class="table1"
height="37rem"
:border="false"
:data="datas"
@selection-change="checkAll1"
style="width: 100%;"
row-key="pid"
:tree-props="{children: 'sonBarcode', hasChildren: 'hasChildren'}"
@expand-change="hadnlExpandChange1"
>
<el-table-column
type="selection"
:width="fptxWidth1"
:selectable="checkSelectable"
>
</el-table-column>
<el-table-column
prop="wjxh"
:width="fptxWidth2"
label="文件序号"
>
<template slot-scope="scope">
<svg-icon
style="
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
......@@ -120,404 +121,405 @@
margin-right:0.625rem;
"
v-if="scope.row.sonBarcode || scope.row.sonBarcode === null"
icon-class="tree_f"
>
</svg-icon>
<svg-icon
style="
v-if="scope.row.sonBarcode || scope.row.sonBarcode === null"
icon-class="tree_f"
>
</svg-icon>
<svg-icon
style="
width: 0.8125rem;
height: 0.375rem;
margin: 0 0 0.1875rem 0;
"
v-else-if="!scope.row.sonBarcode || scope.row.sonBarcode !== null"
icon-class="tree_c"
></svg-icon>
{{
v-else-if="!scope.row.sonBarcode || scope.row.sonBarcode !== null"
icon-class="tree_c"
></svg-icon>
{{
scope.row.sonBarcode || scope.row.sonBarcode === null
? scope.row.wjxh
: scope.row.wjxh
}}
<div
v-show="scope.row.sonBarcode && scope.row.sonBarcode !== null&& scope.row.sonBarcode.length > 1"
class="children-count"
>
{{ scope.row.sonBarcode ? scope.row.sonBarcode.length : 0 }}
</div>
</template>
</el-table-column>
<el-table-column
prop="nx"
label="内序"
:width="fptxWidth3"
>
</el-table-column>
<el-table-column
prop="barcode"
label="条码号"
>
</el-table-column>
</el-table>
</el-col>
<el-col :span="2">
<div class="opSetting">
<div @click="handelSelect">
<el-button
icon="el-icon-arrow-right"
:disabled="nowSelectData.length?false:true"
:size="buttonSize"
type="primary"
>
</el-button>
</div>
<div
class="spacing"
@click="handleRemoveSelect"
>
<el-button
icon="el-icon-arrow-left"
:disabled="nowSelectRightData.length?false:true"
:size="buttonSize"
type="primary"
>
</el-button>
</div>
</div>
</el-col>
<el-col :span="11">
<div class="head">
<div></div>
需要导入的条码号
</div>
<el-table
ref='reftable1'
height="37rem"
:data="selectArr"
style="width: 100%;"
row-key="pid"
:tree-props="{children: 'sonBarcode'}"
@selection-change="checkRightAll"
@expand-change="hadnlExpandChange2"
>
<el-table-column
type="selection"
:width="fptxWidth1"
:selectable="checkSelectable"
>
</el-table-column>
<el-table-column
prop="wjxh"
:width="fptxWidth2"
label="文件序号"
>
<template slot-scope="scope">
<svg-icon
style="
<div
v-show="scope.row.sonBarcode && scope.row.sonBarcode !== null&& scope.row.sonBarcode.length > 1"
class="children-count"
>
{{ scope.row.sonBarcode ? scope.row.sonBarcode.length : 0 }}
</div>
</template>
</el-table-column>
<el-table-column
prop="nx"
label="内序"
:width="fptxWidth3"
>
</el-table-column>
<el-table-column
prop="barcode"
label="条码号"
>
</el-table-column>
</el-table>
</el-col>
<el-col :span="2">
<div class="opSetting">
<div @click="handelSelect">
<el-button
icon="el-icon-arrow-right"
:disabled="nowSelectData.length?false:true"
:size="buttonSize"
type="primary"
>
</el-button>
</div>
<div
class="spacing"
@click="handleRemoveSelect"
>
<el-button
icon="el-icon-arrow-left"
:disabled="nowSelectRightData.length?false:true"
:size="buttonSize"
type="primary"
>
</el-button>
</div>
</div>
</el-col>
<el-col :span="11">
<div class="head">
<div></div>
需要导入的条码号
</div>
<el-table
ref='reftable1'
class="table2"
height="37rem"
:data="selectArr"
style="width: 100%;"
row-key="pid"
:tree-props="{children: 'sonBarcode'}"
@selection-change="checkRightAll"
@expand-change="hadnlExpandChange2"
>
<el-table-column
type="selection"
:width="fptxWidth1"
:selectable="checkSelectable"
>
</el-table-column>
<el-table-column
prop="wjxh"
:width="fptxWidth2"
label="文件序号"
>
<template slot-scope="scope">
<svg-icon
style="
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
margin-right:0.625rem;
"
v-if="scope.row.sonBarcode || scope.row.sonBarcode === null"
icon-class="tree_f"
>
</svg-icon>
<svg-icon
style="
v-if="scope.row.sonBarcode || scope.row.sonBarcode === null"
icon-class="tree_f"
>
</svg-icon>
<svg-icon
style="
width: 0.8125rem;
height: 0.375rem;
margin: 0 0 0.1875rem 0;
"
v-else-if="!scope.row.sonBarcode || scope.row.sonBarcode !== null"
icon-class="tree_c"
></svg-icon>
{{
v-else-if="!scope.row.sonBarcode || scope.row.sonBarcode !== null"
icon-class="tree_c"
></svg-icon>
{{
scope.row.sonBarcode || scope.row.sonBarcode === null
? scope.row.wjxh
: scope.row.wjxh
}}
<div
v-show="scope.row.sonBarcode && scope.row.sonBarcode !== null&& scope.row.sonBarcode.length > 1"
class="children-count"
>
{{ scope.row.sonBarcode ? scope.row.sonBarcode.length : 0 }}
</div>
</template>
</el-table-column>
<el-table-column
prop="nx"
label="内序"
:width="fptxWidth3"
>
</el-table-column>
<el-table-column
prop="barcode"
label="条码号"
>
</el-table-column>
</el-table>
</el-col>
</div>
<div class="right">
<div class='target'>
<div class="targetHead">
{{targetHead}}
</div>
<div class="targetBody">
<el-checkbox-group v-model="checkedTargets">
<el-checkbox
v-for="(value,key) in targets"
:key="key"
:label="value.id"
>{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
<div
v-show="scope.row.sonBarcode && scope.row.sonBarcode !== null&& scope.row.sonBarcode.length > 1"
class="children-count"
>
{{ scope.row.sonBarcode ? scope.row.sonBarcode.length : 0 }}
</div>
</div>
</template>
</el-table-column>
<el-table-column
prop="nx"
label="内序"
:width="fptxWidth3"
>
</el-table-column>
<el-table-column
prop="barcode"
label="条码号"
>
</el-table-column>
</el-table>
</el-col>
</div>
<div class="right">
<div class='target'>
<div class="targetHead">
{{targetHead}}
</div>
<div class="targetBody">
<el-checkbox-group v-model="checkedTargets">
<el-checkbox
v-for="(value,key) in targets"
:key="key"
:label="value.id"
>{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div
class='bdbottom'
v-show="this.drlx==9"
>
<div class="left">
<el-col :span="11">
<div class="head">
<div></div>
FPTX的条码号
</div>
<el-table
height="37rem"
:data="datas"
@selection-change="checkAll1"
style="width: 100%;"
>
<el-table-column
type="selection"
:width="fptxWidth1"
>
</el-table-column>
<el-table-column
:width="fptxWidth2"
label="文件名"
>
<template slot-scope="scope">
<div>{{scope.row.name}}</div>
</template>
</el-table-column>
<el-table-column
:width="fptxWidth3"
label="查询类型"
>
<template slot-scope="scope">
<div
v-if='scope.row.type==0'
style="color: #fa9500;"
>{{scope.row.type | typeNum}}
</div>
<div
v-if='scope.row.type==1'
style="color: #e60012;"
>{{scope.row.type | typeNum}}
</div>
<div
v-if='scope.row.type==2'
style="color: #00b47a;"
>{{scope.row.type | typeNum}}
</div>
<div
v-if='scope.row.type==3'
style="color: #055fe7;"
>{{scope.row.type | typeNum}}
</div>
</template>
</el-table-column>
<el-table-column label="案事件编号/人员编号">
<template slot-scope="scope">
<div>{{scope.row.barcode1}}</div>
<div>{{scope.row.barcode2}}</div>
</template>
</el-table-column>
</el-table>
</el-col>
<el-col :span="2">
<div class="opSetting">
<div @click="handelSelect">
<el-button
icon="el-icon-arrow-right"
:disabled="nowSelectData.length?false:true"
:size="buttonSize"
type="primary"
>
</el-button>
</div>
<div
class="spacing"
@click="handleRemoveSelect"
>
<el-button
icon="el-icon-arrow-left"
:disabled="nowSelectRightData.length?false:true"
:size="buttonSize"
type="primary"
>
</el-button>
</div>
</div>
</el-col>
<el-col :span="11">
<div class="head">
<div></div>
需要导入的条码号
</div>
<el-table
ref='reftable2'
height="37rem"
:data="selectArr"
@selection-change="checkRightAll"
style="width: 100%;"
>
<el-table-column
type="selection"
:width="fptxWidth1"
>
</el-table-column>
<el-table-column
:width="fptxWidth2"
label="文件名"
>
<template slot-scope="scope">
<div>{{scope.row.name}}</div>
</template>
</el-table-column>
<el-table-column
:width="fptxWidth3"
label="查询类型"
>
<template slot-scope="scope">
<div
v-if='scope.row.type==0'
style="color: #fa9500;"
>{{scope.row.type | typeNum}}
</div>
<div
v-if='scope.row.type==1'
style="color: #e60012;"
>{{scope.row.type | typeNum}}
</div>
<div
v-if='scope.row.type==2'
style="color: #00b47a;"
>{{scope.row.type | typeNum}}
</div>
<div
v-if='scope.row.type==3'
style="color: #055fe7;"
>{{scope.row.type | typeNum}}
</div>
</template>
</el-table-column>
<el-table-column label="案事件编号/人员编号">
<template slot-scope="scope">
<div>{{scope.row.barcode1}}</div>
<div>{{scope.row.barcode2}}</div>
</template>
</el-table-column>
</el-table>
</el-col>
</div>
<div class="right">
<div class="head">
人员逻辑分库
<div></div>
案件逻辑分库
</div>
</div>
<div
class='bdbottom'
v-show="this.drlx==9"
>
<div class="left">
<el-col :span="11">
<div class="head">
<div></div>
FPTX的条码号
</div>
<el-table
height="37rem"
:data="datas"
@selection-change="checkAll1"
style="width: 100%;"
>
<el-table-column
type="selection"
:width="fptxWidth1"
>
</el-table-column>
<el-table-column
:width="fptxWidth2"
label="文件名"
>
<template slot-scope="scope">
<div>{{scope.row.name}}</div>
</template>
</el-table-column>
<el-table-column
:width="fptxWidth3"
label="查询类型"
>
<template slot-scope="scope">
<div
v-if='scope.row.type==0'
style="color: #fa9500;"
>{{scope.row.type | typeNum}}
</div>
<div class="bottom">
<div class="targetLeft">
<el-checkbox-group v-model="checkedTargetsLeft">
<el-checkbox
v-for="(value,key) in targetsLeft"
:key="key"
:label="value.id"
>{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
<div class="line"></div>
<div class="targetRight">
<el-checkbox-group v-model="checkedTargetsRight">
<el-checkbox
v-for="(value,key) in targetsRight"
:key="key"
:label="value.id"
>{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
<div
v-if='scope.row.type==1'
style="color: #e60012;"
>{{scope.row.type | typeNum}}
</div>
</div>
</div>
<el-dialog
style=" margin-top:10vh"
:visible.sync="dialogVisible"
width="30rem"
:append-to-body='true'
:modal-append-to-body="false"
:close-on-click-modal='false'
:modal='false'
>
<div v-if="showProgress">
<el-progress
type="circle"
:percentage="UploadPercent"
></el-progress>
<div
v-show="UploadPercent<100"
style="margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;"
>正在上传指纹文件，点击“取消”可终止处理
v-if='scope.row.type==2'
style="color: #00b47a;"
>{{scope.row.type | typeNum}}
</div>
<div
v-show="UploadPercent==100"
style="margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;"
>正在解析指纹文件，请稍等。。。
v-if='scope.row.type==3'
style="color: #055fe7;"
>{{scope.row.type | typeNum}}
</div>
<el-button
@click="abort"
v-show="UploadPercent<100"
><span style="color:#333;font-size: 14px;">取消</span></el-button>
<el-button
v-show="UploadPercent==100"
disabled
><span style="color:#333;font-size: 14px;">正在入库</span></el-button>
</template>
</el-table-column>
<el-table-column label="案事件编号/人员编号">
<template slot-scope="scope">
<div>{{scope.row.barcode1}}</div>
<div>{{scope.row.barcode2}}</div>
</template>
</el-table-column>
</el-table>
</el-col>
<el-col :span="2">
<div class="opSetting">
<div @click="handelSelect">
<el-button
icon="el-icon-arrow-right"
:disabled="nowSelectData.length?false:true"
:size="buttonSize"
type="primary"
>
</el-button>
</div>
<div v-else>
<div>
<img
style="width: 8.375rem;height:8.375rem"
src="../../assets/img/drFptx/success.svg"
alt=""
>
<div
class="spacing"
@click="handleRemoveSelect"
>
<el-button
icon="el-icon-arrow-left"
:disabled="nowSelectRightData.length?false:true"
:size="buttonSize"
type="primary"
>
</el-button>
</div>
</div>
</el-col>
<el-col :span="11">
<div class="head">
<div></div>
需要导入的条码号
</div>
<el-table
ref='reftable2'
height="37rem"
:data="selectArr"
@selection-change="checkRightAll"
style="width: 100%;"
>
<el-table-column
type="selection"
:width="fptxWidth1"
>
</el-table-column>
<el-table-column
:width="fptxWidth2"
label="文件名"
>
<template slot-scope="scope">
<div>{{scope.row.name}}</div>
</template>
</el-table-column>
<el-table-column
:width="fptxWidth3"
label="查询类型"
>
<template slot-scope="scope">
<div
v-if='scope.row.type==0'
style="color: #fa9500;"
>{{scope.row.type | typeNum}}
</div>
<div style="margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;">
导入成功{{successCount}}条，失败{{failCount}}条
<div
v-if='scope.row.type==1'
style="color: #e60012;"
>{{scope.row.type | typeNum}}
</div>
<el-button
class='ckxq'
style="background: #055FE7;border-radius: .25rem; border-color:#055FE7;"
@click="goList"
><span style="color:#fff;font-size: 14px;">查看详情</span></el-button>
</div>
</el-dialog>
<div
v-if='scope.row.type==2'
style="color: #00b47a;"
>{{scope.row.type | typeNum}}
</div>
<div
v-if='scope.row.type==3'
style="color: #055fe7;"
>{{scope.row.type | typeNum}}
</div>
</template>
</el-table-column>
<el-table-column label="案事件编号/人员编号">
<template slot-scope="scope">
<div>{{scope.row.barcode1}}</div>
<div>{{scope.row.barcode2}}</div>
</template>
</el-table-column>
</el-table>
</el-col>
</div>
<div class="right">
<div class="head">
人员逻辑分库
<div></div>
案件逻辑分库
</div>
<div class="bottom">
<div class="targetLeft">
<el-checkbox-group v-model="checkedTargetsLeft">
<el-checkbox
v-for="(value,key) in targetsLeft"
:key="key"
:label="value.id"
>{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
<div class="line"></div>
<div class="targetRight">
<el-checkbox-group v-model="checkedTargetsRight">
<el-checkbox
v-for="(value,key) in targetsRight"
:key="key"
:label="value.id"
>{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<el-dialog
style=" margin-top:10vh"
:visible.sync="dialogVisible"
width="30rem"
:append-to-body='true'
:modal-append-to-body="false"
:close-on-click-modal='false'
:modal='false'
>
<div v-if="showProgress">
<el-progress
type="circle"
:percentage="UploadPercent"
></el-progress>
<div
v-show="UploadPercent<100"
style="margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;"
>正在上传指纹文件，点击“取消”可终止处理
</div>
<div
v-show="UploadPercent==100"
style="margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;"
>正在解析指纹文件，请稍等。。。
</div>
<el-button
@click="abort"
v-show="UploadPercent<100"
><span style="color:#333;font-size: 14px;">取消</span></el-button>
<el-button
v-show="UploadPercent==100"
disabled
><span style="color:#333;font-size: 14px;">正在入库</span></el-button>
</div>
<div v-else>
<div>
<img
style="width: 8.375rem;height:8.375rem"
src="../../assets/img/drFptx/success.svg"
alt=""
>
</div>
<div style="margin-top:.9375rem; margin-bottom:.9375rem;font-size: .875rem;font-family: HarmonyOS_Sans_SC;color: #909090;">
导入成功{{successCount}}条，失败{{failCount}}条
</div>
<el-button
class='ckxq'
style="background: #055FE7;border-radius: .25rem; border-color:#055FE7;"
@click="goList"
><span style="color:#fff;font-size: 14px;">查看详情</span></el-button>
</div>
</el-dialog>
</div>
</template>
......@@ -528,8 +530,8 @@ import '@/icons/tree_c.svg'
export default {
name: 'drFPTX',
components: {},
mounted() {},
data() {
mounted () { },
data () {
return {
successCount: 0, // 成功条数
failCount: 0, // 失败条数
......@@ -584,7 +586,7 @@ export default {
ltSize: 50,
}
},
created() {
created () {
let w1 = 1920
let w2 = window.innerWidth
......@@ -593,7 +595,7 @@ export default {
this.fptxWidth3 = this.fptxWidth3 * w2 / w1
},
watch: {
drlx(newValue, oldValue) {
drlx (newValue, oldValue) {
if (newValue == 3) {
this.targetHead = '人员逻辑分库'
this.targets = this.$store.state.ljk.targetOptions_ry
......@@ -641,91 +643,107 @@ export default {
},
methods: {
// 展开或关闭行
hadnlExpandChange1(row, expanded) {
hadnlExpandChange1 (row, expanded) {
// console.log(row, expanded, "zhankaiguanbi")
// 获取下标
var i = this.datas.findIndex((table) => table.wjxh === row.wjxh)
console.log(i, 112233)
console.log($(".table1 tr")[i])
if (expanded) {
this.datas[i] = {
wjxh: row.wjxh,
name: row.name,
sonBarcode: row.sonBarcode,
percentage: row.percentage,
pid: row.pid,
raw: row.raw,
size: row.size,
status: row.status,
uid: row.uid,
expanded: true,
}
console.log('展开时row数据', this.datas[i])
this.$forceUpdate()
$('.table1 .el-table__body tr:nth-child(' + (i + 1) + ')').addClass('hiddenFather')
} else {
console.info('折叠时row数据', this.datas[i])
this.datas[i] = {
wjxh: row.wjxh,
name: row.name,
sonBarcode: row.sonBarcode,
percentage: row.percentage,
pid: row.pid,
raw: row.raw,
size: row.size,
status: row.status,
uid: row.uid,
nx: row.sonBarcode[0].nx,
barcode: row.sonBarcode[0].barcode,
expanded: false,
}
this.$forceUpdate()
$('.table1 .el-table__body tr:nth-child(' + (i + 1) + ')').removeClass('hiddenFather')
}
// console.log(i, 112233)
// if (expanded) {
// this.datas[i] = {
// wjxh: row.wjxh,
// name: row.name,
// sonBarcode: row.sonBarcode,
// percentage: row.percentage,
// pid: row.pid,
// raw: row.raw,
// size: row.size,
// status: row.status,
// uid: row.uid,
// expanded: true,
// }
// console.log('展开时row数据', this.datas[i])
// this.$forceUpdate()
// } else {
// console.info('折叠时row数据', this.datas[i])
// this.datas[i] = {
// wjxh: row.wjxh,
// name: row.name,
// sonBarcode: row.sonBarcode,
// percentage: row.percentage,
// pid: row.pid,
// raw: row.raw,
// size: row.size,
// status: row.status,
// uid: row.uid,
// nx: row.sonBarcode[0].nx,
// barcode: row.sonBarcode[0].barcode,
// expanded: false,
// }
// this.$forceUpdate()
// }
},
// 展开或关闭行
hadnlExpandChange2(row, expanded) {
hadnlExpandChange2 (row, expanded) {
// console.log(row, expanded, "zhankaiguanbi")
// 获取下标
var i = this.selectArr.findIndex((table) => table.wjxh === row.wjxh)
console.log(i, 112233)
if (expanded) {
this.selectArr[i] = {
wjxh: row.wjxh,
name: row.name,
sonBarcode: row.sonBarcode,
percentage: row.percentage,
pid: row.pid,
raw: row.raw,
size: row.size,
status: row.status,
uid: row.uid,
expanded: true,
}
console.log('展开时row数据', this.selectArr[i])
this.$forceUpdate()
$('.table2 .el-table__body tr:nth-child(' + (i + 1) + ')').addClass('hiddenFather')
} else {
console.info('折叠时row数据', this.selectArr[i])
this.selectArr[i] = {
wjxh: row.wjxh,
name: row.name,
sonBarcode: row.sonBarcode,
percentage: row.percentage,
pid: row.pid,
raw: row.raw,
size: row.size,
status: row.status,
uid: row.uid,
nx: row.sonBarcode[0].nx,
barcode: row.sonBarcode[0].barcode,
expanded: false,
}
this.$forceUpdate()
$('.table2 .el-table__body tr:nth-child(' + (i + 1) + ')').removeClass('hiddenFather')
}
// console.log(i, 112233)
// if (expanded) {
// this.selectArr[i] = {
// wjxh: row.wjxh,
// name: row.name,
// sonBarcode: row.sonBarcode,
// percentage: row.percentage,
// pid: row.pid,
// raw: row.raw,
// size: row.size,
// status: row.status,
// uid: row.uid,
// expanded: true,
// }
// console.log('展开时row数据', this.selectArr[i])
// this.$forceUpdate()
// } else {
// console.info('折叠时row数据', this.selectArr[i])
// this.selectArr[i] = {
// wjxh: row.wjxh,
// name: row.name,
// sonBarcode: row.sonBarcode,
// percentage: row.percentage,
// pid: row.pid,
// raw: row.raw,
// size: row.size,
// status: row.status,
// uid: row.uid,
// nx: row.sonBarcode[0].nx,
// barcode: row.sonBarcode[0].barcode,
// expanded: false,
// }
// this.$forceUpdate()
// }
},
// 判断能不能选择
checkSelectable(row) {
checkSelectable (row) {
return row.sonBarcode
},
// 导入成功,跳转详情
goList() {
goList () {
if (this.drlx == 3) {
this.selectArr = [] // 右边列表
this.datas = []// 左边表格数据项
......@@ -777,7 +795,7 @@ export default {
}
},
// 取消上传
abort() {
abort () {
// this.nowSelectRightData = []
this.dialogVisible = false
this.$bus.emit('isBlur', false)
......@@ -789,11 +807,11 @@ export default {
},
// 上传进度
uploadProcess(event, file, fileList) {
uploadProcess (event, file, fileList) {
this.dialogVisible = true
},
// 获取文件列表
onChange(file, fileList) {
onChange (file, fileList) {
// console.log(file.raw, 2222233333)
// 重复文件过滤
let existFile = fileList.slice(0, fileList.length - 1).find(f => f.name === file.name)
......@@ -1018,10 +1036,10 @@ export default {
}, 100)
},
// 提交前钩子函数
beforeUpload() {
beforeUpload () {
// //console.log('数据liebiao', this.$refs.upload.uploadFiles)
},
submitUpload() {
submitUpload () {
if (this.nowSelectRightData.length == 0) {
this.$message.error('请选择要上传的文件')
} else {
......@@ -1047,7 +1065,7 @@ export default {
},
// 上传文件函数
upload() {
upload () {
let that = this
// 创建一个空的FormData对象:
const formData = new FormData()
......@@ -1108,15 +1126,15 @@ export default {
})
},
// 删除文件
handleRemove(file, fileList) {
handleRemove (file, fileList) {
//console.log(file, fileList);
},
// 点击文件列表
handlePreview(file) {
handlePreview (file) {
//console.log('上传文件', file);
},
// 上传成功
uploadSuccess(res) {
uploadSuccess (res) {
if (this.drlx == 3 || this.drlx == 6) {
this.successCount = res.ret.successCount
this.failCount = res.ret.failCount
......@@ -1128,14 +1146,14 @@ export default {
this.showProgress = false
},
// 选择上传文件
uploadFile() {
uploadFile () {
// this.$refs.file.dispatchEvent(new MouseEvent("click"));
this.$refs['upload'].$children[0].$refs.input.webkitdirectory = false
this.$refs['upload'].$children[0].$refs.input.accept = '.fptx'
this.$refs['upload'].$children[0].$refs.input.click()
},
// 上传文件夹
uploadFiles() {
uploadFiles () {
// //console.log(this.$refs['upload'].$children[0].$refs.input)
this.$refs['upload'].$children[0].$refs.input.webkitdirectory = true
this.$refs['upload'].$children[0].$refs.input.accept = '.fptx'
......@@ -1149,15 +1167,15 @@ export default {
//console.log(fileDic, 111222)
},
// 表格穿梭框
checkAll1(val) {
checkAll1 (val) {
this.nowSelectData = val
},
checkRightAll(val) {
checkRightAll (val) {
console.log('val111', val)
this.nowSelectRightData = val
},
// 选中
handelSelect() {
handelSelect () {
// let self = this
......@@ -1210,12 +1228,12 @@ export default {
this.nowSelectData = []
},
// 取消
handleRemoveSelect() {
handleRemoveSelect () {
this.datas = this.handleConcatArr(this.datas, this.nowSelectRightData)
this.handleRemoveTabList(this.nowSelectRightData, this.selectArr)
this.nowSelectRightData = []
},
handleConcatArr(selectArr, nowSelectData) {
handleConcatArr (selectArr, nowSelectData) {
var out = []
var flag = true
......@@ -1244,7 +1262,7 @@ export default {
// arr = arr.concat(selectArr, nowSelectData)
// return arr
},
handleRemoveTabList(isNeedArr, originalArr) {
handleRemoveTabList (isNeedArr, originalArr) {
if (isNeedArr.length && originalArr.length) {
for (let i = 0; i < isNeedArr.length; i++) {
for (let k = 0; k < originalArr.length; k++) {
......@@ -1257,7 +1275,7 @@ export default {
},
},
filters: {
typeNum(val) {
typeNum (val) {
//console.log(val);
// if (!val) return;
const data = {
......@@ -1270,7 +1288,7 @@ export default {
}
},
computed: {
roleArr() {
roleArr () {
return this.$store.state.layout.Menu
}
},
......@@ -1279,694 +1297,703 @@ export default {
<!--table树-->
<style scoped lang="scss">
/deep/ .children-count {
width: 34px;
font-size: 12px;
text-align: center;
background: #f6f8fa;
border-radius: 11px;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
}
/deep/ .children-count {
width: 34px;
font-size: 12px;
text-align: center;
background: #f6f8fa;
border-radius: 11px;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
}
.el-tree /deep/ .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.el-tree /deep/ .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/*有子节点 且未展开*/
.el-table /deep/ .el-icon-arrow-right:before {
content: "";
display: block;
width: 11px;
height: 19px;
font-size: 16px;
background-size: 16px;
}
/*有子节点 且未展开*/
.el-table /deep/ .el-icon-arrow-right:before {
content: "";
display: block;
width: 11px;
height: 19px;
font-size: 16px;
background-size: 16px;
}
/*有子节点 且已展开*/
.el-table /deep/ .el-table__expand-icon--expanded {
.el-icon-arrow-right:before {
content: "";
display: block;
width: 11px;
height: 19px;
font-size: 18px;
background-size: 21px;
}
}
/*有子节点 且已展开*/
.el-table /deep/ .el-table__expand-icon--expanded {
.el-icon-arrow-right:before {
content: "";
display: block;
width: 11px;
height: 19px;
font-size: 18px;
background-size: 21px;
}
}
/*没有子节点*/
.el-tree
/deep/
.el-tree-node__expand-icon.is-leaf::before
.el-table
/deep/
.el-table__placeholder::before {
// background: url("../../icons/tree_f.svg") no-repeat 0 3px;
content: "";
display: block;
width: 16px;
height: 18px;
font-size: 16px;
background-size: 16px;
}
/*没有子节点*/
.el-tree
/deep/
.el-tree-node__expand-icon.is-leaf::before
.el-table
/deep/
.el-table__placeholder::before {
// background: url("../../icons/tree_f.svg") no-repeat 0 3px;
content: "";
display: block;
width: 16px;
height: 18px;
font-size: 16px;
background-size: 16px;
}
/deep/ .el-table--enable-row-hover .el-table__body tr:hover {
cursor: pointer;
}
/deep/ .el-table--enable-row-hover .el-table__body tr:hover {
cursor: pointer;
}
</style>
<style lang="scss">
.el-table__expand-icon {
.el-icon-arrow-right {
cursor: pointer !important;
}
cursor: pointer !important;
position: absolute;
right: 45px;
cursor: pointer;
color: #b51f1f;
transition: transform 0.2s ease-in-out;
width: 11px;
height: 11px;
/* border: black 1px solid; */
margin: 0;
background-image: url("../../assets/img/confirm/expend.png");
background-position: center;
background-size: 11px;
background-repeat: no-repeat;
}
.el-table__expand-icon {
.el-icon-arrow-right {
cursor: pointer !important;
}
cursor: pointer !important;
position: absolute;
right: 45px;
cursor: pointer;
color: #b51f1f;
transition: transform 0.2s ease-in-out;
width: 11px;
height: 11px;
/* border: black 1px solid; */
margin: 0;
background-image: url("../../assets/img/confirm/expend.png");
background-position: center;
background-size: 11px;
background-repeat: no-repeat;
}
.el-table__expand-icon.el-table__expand-icon--expanded {
width: 11px;
height: 11px;
background-image: url("../../assets/img/confirm/shrink.png");
background-position: center;
background-size: 11px;
background-repeat: no-repeat;
transform: rotate(180deg) !important;
}
.el-table__expand-icon.el-table__expand-icon--expanded {
width: 11px;
height: 11px;
background-image: url("../../assets/img/confirm/shrink.png");
background-position: center;
background-size: 11px;
background-repeat: no-repeat;
transform: rotate(180deg) !important;
}
</style>
<style lang="scss" scoped>
// /deep/.el-dialog__wrapper {
// background: rgba($color: #fff, $alpha: 0.65);
// // filter: blur(2px);
// }
// /deep/.el-dialog__wrapper {
// background: rgba($color: #fff, $alpha: 0.65);
// // filter: blur(2px);
// }
/deep/ .el-dialog {
margin-top: 30vh;
.el-button {
width: 96px;
height: 40px;
}
/deep/ .el-button:focus,
.el-button:hover {
color: #055fe7;
}
}
/deep/ .el-dialog {
margin-top: 30vh;
/deep/ .el-dialog__header {
display: none;
}
.el-button {
width: 96px;
height: 40px;
}
/deep/ .el-dialog__body {
text-align: center;
}
/deep/ .el-button:focus,
.el-button:hover {
color: #055fe7;
}
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/deep/ .el-dialog__header {
display: none;
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
/deep/ .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/deep/ .el-dialog__body {
text-align: center;
}
/deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
color: #333333;
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/*/deep/ .el-table.el-table--fit.el-table--enable-row-hover {*/
/* height: 37rem !important;*/
/*}*/
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
/deep/ .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/*/deep/ .el-table__body-wrapper.is-scrolling-none {*/
/* height: 37rem !important;*/
/*}*/
/deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
color: #333333;
}
.drFPTX {
padding: 25px;
}
/*/deep/ .el-table.el-table--fit.el-table--enable-row-hover {*/
/* height: 37rem !important;*/
/*}*/
.drlx .el-radio {
width: 86px;
height: 32px;
line-height: 32px;
background: #f6f8fa;
border-radius: 2px;
text-align: center;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
margin-right: 25px;
color: #282f3c;
/deep/ .el-radio__label {
padding: 0;
}
/deep/ .el-radio__input.is-checked + .el-radio__label {
color: #ffffff;
}
}
/*/deep/ .el-table__body-wrapper.is-scrolling-none {*/
/* height: 37rem !important;*/
/*}*/
/deep/ .drlx .is-checked {
background: #055fe7;
}
.drFPTX {
padding: 25px;
}
.drlx /deep/ .el-radio__input {
display: none;
}
.drlx .el-radio {
width: 86px;
height: 32px;
line-height: 32px;
background: #f6f8fa;
border-radius: 2px;
text-align: center;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
margin-right: 25px;
color: #282f3c;
.choose {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
.chooseTip {
display: flex;
align-items: center;
}
.wjlx {
display: flex;
width: 609px;
height: 72px;
background: #f6f8fa;
border-radius: 6px;
margin-top: 24px;
}
.tip {
margin-left: 24px;
margin-top: 24px;
color: #f8980a;
font-family: HarmonyOS_Sans_SC;
font-size: 14px;
span {
font-size: 14px;
margin-right: 5px;
}
}
/deep/ .el-radio__label {
padding: 0;
}
.left {
width: 242px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
/deep/ .el-radio__input.is-checked + .el-radio__label {
color: #ffffff;
}
/deep/ .el-radio {
margin-right: 15px;
}
/deep/ .drlx .is-checked {
background: #055fe7;
/deep/ .el-radio__input.is-checked .el-radio__inner {
border-color: #055fe7;
background: #055fe7;
}
.drlx /deep/ .el-radio__input {
display: none;
/deep/ .el-radio__input.is-checked + .el-radio__label {
color: #333;
}
}
.right {
display: flex;
justify-content: center;
align-items: center;
.center {
display: flex;
align-items: center;
width: 343px;
// height: 40px;
background: #ffffff;
border-radius: 4px;
// border: 1px solid #e6e6e8;
&:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
}
.choose {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
&:focus-within {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
.chooseTip {
display: flex;
align-items: center;
/deep/ .el-input__inner {
color: #006aff !important;
}
}
.wjlx {
display: flex;
width: 609px;
height: 72px;
background: #f6f8fa;
border-radius: 6px;
margin-top: 24px;
}
/deep/ .el-input {
width: 282px;
height: 40px;
.tip {
margin-left: 24px;
margin-top: 24px;
color: #f8980a;
font-family: HarmonyOS_Sans_SC;
font-size: 14px;
/deep/ .el-input__inner {
border: none;
outline: none;
box-shadow: none;
span {
font-size: 14px;
margin-right: 5px;
}
&:focus {
box-shadow: none;
}
}
.left {
width: 242px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
/deep/ .el-radio {
margin-right: 15px;
}
/deep/ .el-radio__input.is-checked .el-radio__inner {
border-color: #055fe7;
background: #055fe7;
}
/deep/ .el-radio__input.is-checked + .el-radio__label {
color: #333;
}
/deep/ .el-input__inner:hover {
box-shadow: none;
}
}
.right {
display: flex;
justify-content: center;
align-items: center;
.center {
display: flex;
align-items: center;
width: 343px;
// height: 40px;
background: #ffffff;
border-radius: 4px;
// border: 1px solid #e6e6e8;
&:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
}
&:focus-within {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
.line {
width: 1px;
height: 14px;
background-color: #e6e6e8;
margin-right: 14px;
}
/deep/ .el-input__inner {
color: #006aff !important;
}
}
.text {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #006aff;
cursor: pointer;
}
/deep/ .el-input {
width: 282px;
height: 40px;
.text:hover {
color: #51b1f5;
}
}
/deep/ .el-input__inner {
border: none;
outline: none;
box-shadow: none;
/deep/ .el-input__inner {
border: none;
}
}
.el-button {
width: 72px;
height: 32px;
background: #055fe7;
border-color: #055fe7;
border-radius: 4px;
padding: 0;
}
}
&:focus {
box-shadow: none;
}
}
.divider {
width: 100%;
height: 1px;
background: #eeeeee;
margin: 20px 0;
}
/deep/ .el-input__inner:hover {
box-shadow: none;
}
}
.bottom {
display: flex;
.line {
width: 1px;
height: 14px;
background-color: #e6e6e8;
margin-right: 14px;
}
.left {
display: flex;
height: 650px;
width: 1392px;
.text {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #006aff;
cursor: pointer;
}
.el-col {
/deep/ .el-table {
/*height: 650px;*/
/*background-color: #111;*/
border-radius: 8px;
}
.text:hover {
color: #51b1f5;
}
}
.head {
height: 56px;
width: 100%;
background: #f6f8fa;
border-radius: 7px 7px 0px 0px;
display: flex;
align-items: center;
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
/deep/ .el-input__inner {
border: none;
}
div {
width: 4px;
height: 16px;
background: #055fe7;
border-radius: 2px;
margin-left: 10px;
margin-right: 6px;
}
}
.el-button {
width: 72px;
height: 32px;
background: #055fe7;
border-color: #055fe7;
border-radius: 4px;
padding: 0;
}
/deep/ .el-table tr th {
background-color: #ecf1f7;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
font-weight: 500;
}
}
.divider {
width: 100%;
height: 1px;
background: #eeeeee;
margin: 20px 0;
.el-col-11 {
background: #ffffff;
border-radius: 6px;
border: 1px solid #d1d1d1;
}
.bottom {
display: flex;
.left {
display: flex;
height: 650px;
width: 1392px;
.opSetting {
text-align: center;
margin-top: 270px;
.el-col {
/deep/ .el-table {
/*height: 650px;*/
/*background-color: #111;*/
border-radius: 8px;
}
.head {
height: 56px;
width: 100%;
background: #F6F8FA;
border-radius: 7px 7px 0px 0px;
display: flex;
align-items: center;
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
div {
width: 4px;
height: 16px;
background: #055FE7;
border-radius: 2px;
margin-left: 10px;
margin-right: 6px;
}
}
button {
width: 56px;
height: 56px;
background: #f6f8fa;
border-radius: 10px;
/deep/ .el-table tr th {
background-color: #ECF1F7;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
font-weight: 500;
}
}
color: #333333;
border: none;
}
.el-col-11 {
background: #ffffff;
border-radius: 6px;
border: 1px solid #d1d1d1;
}
button:hover {
background-color: #055fe7;
color: #ffffff;
}
}
.opSetting {
text-align: center;
margin-top: 270px;
.spacing {
margin-top: 22px;
button {
width: 56px;
height: 56px;
background: #f6f8fa;
border-radius: 10px;
button {
width: 56px;
height: 56px;
background: #f6f8fa;
border-radius: 10px;
color: #333333;
border-color: #f6f8fa;
}
color: #333333;
border: none;
}
button:hover {
background-color: #055fe7;
color: #ffffff;
}
}
}
.right {
height: 656px;
width: 161px;
.target {
margin: 0 auto;
width: 137px;
height: 656px;
border-radius: 6px;
border: 1px solid #d1d1d1;
.targetHead {
width: 135px;
height: 56px;
background: #f6f8fa;
border-radius: 6px 6px 0px 0px;
line-height: 56px;
text-align: center;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
button:hover {
background-color: #055fe7;
color: #ffffff;
}
}
.targetBody {
overflow: auto;
padding-top: 16px;
padding-left: 15px;
width: 100%;
height: 596px;
border-radius: 6px;
// background-color: #111;
/deep/ .el-checkbox {
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
line-height: 22px;
margin: 5px 0;
}
}
.spacing {
margin-top: 22px;
// 滚动条的宽度
/deep/ .targetBody::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
button {
width: 56px;
height: 56px;
background: #f6f8fa;
border-radius: 10px;
color: #333333;
border-color: #f6f8fa;
}
// 滚动条的滑块
/deep/ .targetBody::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
}
}
}
button:hover {
background-color: #055fe7;
color: #ffffff;
}
}
}
.noselected {
background-color: #ecedf1 !important;
border: none;
color: #aeafb4;
margin-right: 10px;
}
.right {
height: 656px;
width: 161px;
.target {
margin: 0 auto;
width: 137px;
height: 656px;
border-radius: 6px;
border: 1px solid #d1d1d1;
.targetHead {
width: 135px;
height: 56px;
background: #F6F8FA;
border-radius: 6px 6px 0px 0px;
line-height: 56px;
text-align: center;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.selected {
background-color: #055fe7;
color: #ffffff;
margin-right: 10px;
.targetBody {
overflow: auto;
padding-top: 16px;
padding-left: 15px;
width: 100%;
height: 596px;
border-radius: 6px;
// background-color: #111;
/deep/ .el-checkbox {
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
line-height: 22px;
margin: 5px 0;
}
}
&:hover {
background: #377fec;
}
// 滚动条的宽度
/deep/ .targetBody::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
&:active {
background: #044cb9;
}
}
// 滚动条的滑块
/deep/ .targetBody::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
}
}
}
.bdbottom {
display: flex;
.noselected {
background-color: #ecedf1 !important;
border: none;
color: #aeafb4;
margin-right: 10px;
}
.left {
display: flex;
height: 656px;
width: 1240px;
margin-right: 14px;
.selected {
background-color: #055fe7;
color: #ffffff;
margin-right: 10px;
.el-col {
.head {
height: 56px;
width: 100%;
background: #f6f8fa;
border-radius: 7px 7px 0px 0px;
display: flex;
align-items: center;
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
&:hover {
background: #377fec;
div {
width: 4px;
height: 16px;
background: #055fe7;
border-radius: 2px;
margin-left: 10px;
margin-right: 6px;
}
}
&:active {
background: #044cb9;
}
/deep/ .el-table tr th {
background-color: #ecf1f7;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
font-weight: 500;
}
}
.bdbottom {
display: flex;
.el-col-11 {
background: #ffffff;
border-radius: 6px;
border: 1px solid #d1d1d1;
}
.left {
display: flex;
height: 656px;
width: 1240px;
margin-right: 14px;
.el-col {
.head {
height: 56px;
width: 100%;
background: #F6F8FA;
border-radius: 7px 7px 0px 0px;
display: flex;
align-items: center;
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
div {
width: 4px;
height: 16px;
background: #055FE7;
border-radius: 2px;
margin-left: 10px;
margin-right: 6px;
}
}
.opSetting {
text-align: center;
margin-top: 230px;
/deep/ .el-table tr th {
background-color: #ECF1F7;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
font-weight: 500;
}
}
.el-col-11 {
background: #ffffff;
border-radius: 6px;
border: 1px solid #d1d1d1;
}
button {
width: 56px;
height: 56px;
background: #f6f8fa;
border-radius: 10px;
color: #333333;
border: none;
}
.opSetting {
text-align: center;
margin-top: 230px;
button {
width: 56px;
height: 56px;
background: #f6f8fa;
border-radius: 10px;
color: #333333;
border: none;
}
button:hover {
background-color: #055fe7;
color: #ffffff;
}
}
button:hover {
background-color: #055fe7;
color: #ffffff;
}
}
.spacing {
margin-top: 22px;
.spacing {
margin-top: 22px;
button {
width: 56px;
height: 56px;
background: #f6f8fa;
border-radius: 10px;
color: #333333;
border-color: #f6f8fa;
}
button {
width: 56px;
height: 56px;
background: #f6f8fa;
border-radius: 10px;
color: #333333;
border-color: #f6f8fa;
}
button:hover {
background-color: #055fe7;
color: #ffffff;
}
}
}
.right {
height: 656px;
width: 284px;
.head {
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
height: 55px;
padding: 0 10px;
box-sizing: border-box;
background: #f6f8fa;
border: 1px solid #d1d1d1;
border-bottom: none;
border-radius: 6px 6px 0px 0px;
div {
width: 1px;
height: 30px;
background: #055fe7;
}
}
button:hover {
background-color: #055fe7;
color: #ffffff;
}
}
.bottom {
width: 284px;
height: 596px;
display: flex;
border-radius: 0 0 6px 6px;
border: 1px solid #d1d1d1;
box-sizing: border-box;
border-top: none;
.targetLeft {
flex: 1;
padding-top: 16px;
padding-left: 20px;
overflow: auto;
/deep/ .el-checkbox {
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
line-height: 22px;
margin: 5px 0;
overflow: hidden;
}
}
.right {
height: 656px;
width: 284px;
.head {
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
height: 55px;
padding: 0 10px;
box-sizing: border-box;
background: #F6F8FA;
border: 1px solid #d1d1d1;
border-bottom: none;
border-radius: 6px 6px 0px 0px;
div {
width: 1px;
height: 30px;
background: #055FE7;
}
}
.bottom {
width: 284px;
height: 596px;
display: flex;
border-radius: 0 0 6px 6px;
border: 1px solid #d1d1d1;
box-sizing: border-box;
border-top: none;
.targetLeft {
flex: 1;
padding-top: 16px;
padding-left: 20px;
overflow: auto;
/deep/ .el-checkbox {
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
line-height: 22px;
margin: 5px 0;
overflow: hidden;
}
}
// 滚动条的宽度
/deep/ .targetLeft::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .targetLeft::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
.line {
margin-top: 30px;
width: 1px;
height: 440px;
border: 1px dashed #eeeeee;
}
// 滚动条的宽度
/deep/ .targetLeft::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
.targetRight {
flex: 1;
padding-top: 16px;
padding-left: 20px;
overflow: auto;
/deep/ .el-checkbox {
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
line-height: 22px;
margin: 5px 0;
overflow: hidden;
}
}
// 滚动条的滑块
/deep/ .targetLeft::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
// 滚动条的宽度
/deep/ .targetRight::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
.line {
margin-top: 30px;
width: 1px;
height: 440px;
border: 1px dashed #eeeeee;
}
// 滚动条的滑块
/deep/ .targetRight::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
}
.targetRight {
flex: 1;
padding-top: 16px;
padding-left: 20px;
overflow: auto;
/deep/ .el-checkbox {
height: 22px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
line-height: 22px;
margin: 5px 0;
overflow: hidden;
}
}
}
// 滚动条的宽度
/deep/ .targetRight::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的宽度
/deep/ ::-webkit-scrollbar {
width: 3px; // 横向滚动条
height: 3px; // 纵向滚动条 必写
// 滚动条的滑块
/deep/ .targetRight::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
}
}
}
// 滚动条的滑块
/deep/ ::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
// 滚动条的宽度
/deep/ ::-webkit-scrollbar {
width: 3px; // 横向滚动条
height: 3px; // 纵向滚动条 必写
}
// @import "@/assets/css/globalBase.scss";
// 滚动条的滑块
/deep/ ::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
// @import "@/assets/css/globalBase.scss";
</style>
<style scoped lang="scss">
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: transparent !important;
}
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: transparent !important;
}
/deep/ .el-table .el-table__body tr:hover > td {
background-color: transparent !important;
/deep/ .el-table .el-table__body tr:hover > td {
background-color: transparent !important;
}
/deep/.hiddenFather {
:nth-child(n + 3) {
div {
opacity: 0;
}
.cell {
opacity: 0;
}
}
}
</style>
src/views/drFPTX/RAList.vue
......@@ -332,6 +332,7 @@
<!-- 五 -->
<div v-if="showType == 1 || showType == 3">
<el-table
class="raTable"
:border="false"
:class="{delSelection: !selectBoo}"
:height="height"
......@@ -352,6 +353,7 @@
<el-table-column
type="selection"
:width="width5"
:selectable="checkSelectable1"
>
</el-table-column>
<el-table-column
......@@ -541,6 +543,7 @@
<el-table-column
type="selection"
:width="width5"
:selectable="checkSelectable2"
>
</el-table-column>
<el-table-column
......@@ -973,10 +976,10 @@ export default {
this.clear()
},
isShowTip(){
logger.info('this.isShowTip',this.isShowTip)
this.height = this.isShowTip === true ?'33rem': '35rem'
logger.info('this.height',this.height)
isShowTip () {
logger.info('this.isShowTip', this.isShowTip)
this.height = this.isShowTip === true ? '33rem' : '35rem'
logger.info('this.height', this.height)
this.$forceUpdate()
},
},
......@@ -1103,6 +1106,15 @@ export default {
}
});
},
// 判断能不能选择
checkSelectable1 (row) {
return row.hasOwnProperty('pcImportRecordGrandchildren')
},
// 判断能不能选择
checkSelectable2 (row) {
return row.hasOwnProperty('affirmImportRecordGrandchildren')
},
// 展开或关闭行
hadnlExpandChange (row, expanded) {
console.log(row, expanded, "zhankaiguanbi")
......@@ -1115,39 +1127,44 @@ export default {
// var i = this.tableData.findIndex(table => table.id === row.id);
console.log(i, 112233);
if (expanded) {
this.tableDate1[i] = {
taskNumber: row.taskNumber,
sequenceNumber: row.sequenceNumber,
pcImportRecordGrandchildren: row.pcImportRecordGrandchildren,
// qid: row.qid,
// children: row.children,
// queryId: row.queryId,
expanded: true,
};
this.$forceUpdate();
$('.raTable .el-table__body tr:nth-child(' + (i + 1) + ')').addClass('hiddenFather')
} else {
//console.info("折叠时row数据", this.list[i]);
this.tableDate1[i] = {
taskNumber: row.taskNumber,
sequenceNumber: row.sequenceNumber,
barcode: row.pcImportRecordGrandchildren[0].barcode,
dataType: row.pcImportRecordGrandchildren[0].dataType,
fileName: row.pcImportRecordGrandchildren[0].fileName,
statusName: row.pcImportRecordGrandchildren[0].statusName,
logicBatabaseName: row.pcImportRecordGrandchildren[0].logicBatabaseName,
pcImportRecordGrandchildren: row.pcImportRecordGrandchildren,
dataTypeName: row.pcImportRecordGrandchildren[0].dataTypeName,
failReason: row.pcImportRecordGrandchildren[0].failReason,
id: row.pcImportRecordGrandchildren[0].id,
importTime: row.pcImportRecordGrandchildren[0].importTime,
loginDatabaseCode: row.pcImportRecordGrandchildren[0].loginDatabaseCode,
status: row.pcImportRecordGrandchildren[0].status,
expanded: false,
};
//console.log(this.list[i]);
this.$forceUpdate();
// //console.info("塞完数据的row", this.list[i]);
$('.raTable .el-table__body tr:nth-child(' + (i + 1) + ')').removeClass('hiddenFather')
}
// if (expanded) {
// this.tableDate1[i] = {
// taskNumber: row.taskNumber,
// sequenceNumber: row.sequenceNumber,
// pcImportRecordGrandchildren: row.pcImportRecordGrandchildren,
// // qid: row.qid,
// // children: row.children,
// // queryId: row.queryId,
// expanded: true,
// };
// this.$forceUpdate();
// } else {
// //console.info("折叠时row数据", this.list[i]);
// this.tableDate1[i] = {
// taskNumber: row.taskNumber,
// sequenceNumber: row.sequenceNumber,
// barcode: row.pcImportRecordGrandchildren[0].barcode,
// dataType: row.pcImportRecordGrandchildren[0].dataType,
// fileName: row.pcImportRecordGrandchildren[0].fileName,
// statusName: row.pcImportRecordGrandchildren[0].statusName,
// logicBatabaseName: row.pcImportRecordGrandchildren[0].logicBatabaseName,
// pcImportRecordGrandchildren: row.pcImportRecordGrandchildren,
// dataTypeName: row.pcImportRecordGrandchildren[0].dataTypeName,
// failReason: row.pcImportRecordGrandchildren[0].failReason,
// id: row.pcImportRecordGrandchildren[0].id,
// importTime: row.pcImportRecordGrandchildren[0].importTime,
// loginDatabaseCode: row.pcImportRecordGrandchildren[0].loginDatabaseCode,
// status: row.pcImportRecordGrandchildren[0].status,
// expanded: false,
// };
// //console.log(this.list[i]);
// this.$forceUpdate();
// // //console.info("塞完数据的row", this.list[i]);
// }
},
// 展开或关闭行
hadnlExpandChangeBz (row, expanded) {
......@@ -1161,45 +1178,50 @@ export default {
// var i = this.tableData.findIndex(table => table.id === row.id);
console.log(i, 112233);
if (expanded) {
this.tableDate2[i] = {
taskNumber: row.taskNumber,
sequenceNumber: row.sequenceNumber,
affirmImportRecordGrandchildren: row.affirmImportRecordGrandchildren,
// qid: row.qid,
// children: row.children,
// queryId: row.queryId,
expanded: true,
};
this.$forceUpdate();
$('.bzTable .el-table__body tr:nth-child(' + (i + 1) + ')').addClass('hiddenFather')
} else {
//console.info("折叠时row数据", this.list[i]);
this.tableDate2[i] = {
taskNumber: row.taskNumber,
sequenceNumber: row.sequenceNumber,
affirmImportRecordGrandchildren: row.affirmImportRecordGrandchildren,
dataTypeName: row.affirmImportRecordGrandchildren[0].dataTypeName,
destbarcode: row.affirmImportRecordGrandchildren[0].destbarcode,
destLogicName: row.affirmImportRecordGrandchildren[0].destLogicName,
destLoginCode: row.affirmImportRecordGrandchildren[0].destLoginCode,
failReason: row.affirmImportRecordGrandchildren[0].failReason,
fileName: row.affirmImportRecordGrandchildren[0].fileName,
id: row.affirmImportRecordGrandchildren[0].id,
importTime: row.affirmImportRecordGrandchildren[0].importTime,
queryType: row.affirmImportRecordGrandchildren[0].queryType,
srcBarcode: row.affirmImportRecordGrandchildren[0].srcBarcode,
srcLogicName: row.affirmImportRecordGrandchildren[0].srcLogicName,
srcLogicCode: row.affirmImportRecordGrandchildren[0].srcLogicCode,
status: row.affirmImportRecordGrandchildren[0].status,
statusName: row.affirmImportRecordGrandchildren[0].statusName,
$('.bzTable .el-table__body tr:nth-child(' + (i + 1) + ')').removeClass('hiddenFather')
}
// if (expanded) {
// this.tableDate2[i] = {
// taskNumber: row.taskNumber,
// sequenceNumber: row.sequenceNumber,
// affirmImportRecordGrandchildren: row.affirmImportRecordGrandchildren,
// // qid: row.qid,
// // children: row.children,
// // queryId: row.queryId,
// expanded: true,
// };
// this.$forceUpdate();
// } else {
// //console.info("折叠时row数据", this.list[i]);
// this.tableDate2[i] = {
// taskNumber: row.taskNumber,
// sequenceNumber: row.sequenceNumber,
// affirmImportRecordGrandchildren: row.affirmImportRecordGrandchildren,
// dataTypeName: row.affirmImportRecordGrandchildren[0].dataTypeName,
// destbarcode: row.affirmImportRecordGrandchildren[0].destbarcode,
// destLogicName: row.affirmImportRecordGrandchildren[0].destLogicName,
// destLoginCode: row.affirmImportRecordGrandchildren[0].destLoginCode,
// failReason: row.affirmImportRecordGrandchildren[0].failReason,
// fileName: row.affirmImportRecordGrandchildren[0].fileName,
// id: row.affirmImportRecordGrandchildren[0].id,
// importTime: row.affirmImportRecordGrandchildren[0].importTime,
// queryType: row.affirmImportRecordGrandchildren[0].queryType,
// srcBarcode: row.affirmImportRecordGrandchildren[0].srcBarcode,
// srcLogicName: row.affirmImportRecordGrandchildren[0].srcLogicName,
// srcLogicCode: row.affirmImportRecordGrandchildren[0].srcLogicCode,
// status: row.affirmImportRecordGrandchildren[0].status,
// statusName: row.affirmImportRecordGrandchildren[0].statusName,
expanded: false,
};
//console.log(this.list[i]);
this.$forceUpdate();
// //console.info("塞完数据的row", this.list[i]);
}
// expanded: false,
// };
// //console.log(this.list[i]);
// this.$forceUpdate();
// // //console.info("塞完数据的row", this.list[i]);
// }
},
clear () {
this.taskNumber = ""; // 任务号
......@@ -2441,12 +2463,22 @@ export default {
// @import "@/assets/css/globalBase.scss";
</style>
<style scoped lang="scss">
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: transparent !important;
}
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: transparent !important;
}
/deep/ .el-table .el-table__body tr:hover > td {
background-color: transparent !important;
/deep/ .el-table .el-table__body tr:hover > td {
background-color: transparent !important;
}
/deep/.hiddenFather {
:nth-child(n + 3) {
div {
opacity: 0;
}
.cell {
opacity: 0;
}
}
}
</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