Skip to content

F
founder_vue
Commit aecdc16b by 张超军
Options

质量检查

parent 0ed2db10
Showing with 664 additions and 608 deletions
src/assets/css/globalBase.scss
/deep/ .el-input__inner {
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px;
border: none;
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.03);
border-radius: 4px;
border: none;
}
// 输入框选中样式
/deep/.el-input.is-active .el-input__inner, /deep/.el-input__inner:focus {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important;
color: #055FE7;
// 输入框选中样式
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:focus {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important;
color: #055fe7;
}
// :focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时，:focus-within伪类的元素就会有效著作权归作者所有。
/deep/.el-input.is-active .el-input__inner, /deep/.el-input__inner:focus-within {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important;
color: #055FE7;
.el-range-input {
color: #055FE7;
}
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:focus-within {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important;
color: #055fe7;
.el-range-input {
color: #055fe7;
}
}
/deep/.el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
border: none;
// border-bottom: 1px #f6f8fa solid;
border-top: 1px #f6f8fa solid;
}
// 去除table表格最底部边框
.el-table__row>td {
.el-table__row > td {
border: none;
}
// 去除table表格最底部边框
......@@ -30,73 +38,72 @@
height: 0px;
}
/deep/.el-table .el-table__header-wrapper tr th{
background-color: #ECF1F7!important;
/deep/.el-table .el-table__header-wrapper tr th {
background-color: #ecf1f7 !important;
font-size: 14px !important;
font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282F3C !important;
height: 48px !important;
padding: 0 !important;
font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282f3c !important;
height: 48px !important;
padding: 0 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #F2F7FE !important;
background-color: #f2f7fe !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #F2F7FE !important;
background-color: #f2f7fe !important;
}
/deep/.el-table__row {
height: 48px !important;
height: 48px !important;
}
/deep/.el-table__row--level-1 {
.el-table__cell {
background-color: #F5F6F7 !important;
}
.el-table__cell {
background-color: #f5f6f7 !important;
}
}
/deep/.el-table .el-table__cell {
padding: 0 !important;
padding: 0 !important;
}
/deep/.el-table__body {
width: 100% !important;
width: 100% !important;
}
/deep/.btn-prev {
cursor: pointer;
i {
cursor: pointer;
}
cursor: pointer;
i {
cursor: pointer;
}
}
/deep/.btn-next {
cursor: pointer;
i {
cursor: pointer;
}
cursor: pointer;
i {
cursor: pointer;
}
}
// 分页
/deep/.el-pager {
.number {
background-color: transparent !important;
}
.number.active {
background-color: #055fe7 !important;
box-shadow: 0px 12px 16px 1px rgba(0, 21, 51, 0.03);
border-radius: 6px;
}
.el-icon.more.btn-quicknext.el-icon-more,
.el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important;
}
.number {
background-color: transparent !important;
}
.number.active {
background-color: #055fe7 !important;
box-shadow: 0px 12px 16px 1px rgba(0, 21, 51, 0.03);
border-radius: 6px;
}
.el-icon.more.btn-quicknext.el-icon-more,
.el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important;
}
}
/deep/ .btn-prev,
/deep/.btn-next {
background-color: transparent !important;
background-color: transparent !important;
}
/deep/ .el-pagination__sizes {
position: absolute;
right: 0;
position: absolute;
right: 0;
}
// 修改下拉框样式
......@@ -104,45 +111,51 @@
padding-left: 10px !important;
}
/deep/.el-input__inner:hover {
cursor: text;
}
// 日期选择器
/deep/.el-date-editor {
display: flex;
align-items: center;
display: flex;
align-items: center;
}
/deep/.el-date-editor .el-range-separator {
line-height: 26px;
line-height: 26px;
}
/deep/.el-input__icon {
height: 32px;
/deep/.el-date-editor {
/deep/.el-range__close-icon {
height: 32px !important;
}
}
/deep/ .el-input__icon.el-range__icon.el-icon-date {
position: absolute;
right: 6px;
position: absolute;
right: 6px;
}
.f-primary-button {
cursor: pointer;
background: #055FE7 !important;
&:hover {
background: #377FEC !important;
}
&:active {
background: #044CB9 !important;
}
cursor: pointer;
background: #055fe7 !important;
&:hover {
background: #377fec !important;
}
&:active {
background: #044cb9 !important;
}
}
.f-default-button {
border-radius: 6px;
border: 1px solid #AEB5C2 !important;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #2E3846 !important;
&:hover {
border: 1px solid #055FE7 !important;
color: #055FE7 !important;
}
&:active {
border: 1px solid #044CB9 !important;
color: #044CB9 !important;
}
}
\ No newline at end of file
border-radius: 6px;
border: 1px solid #aeb5c2 !important;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #2e3846 !important;
&:hover {
border: 1px solid #055fe7 !important;
color: #055fe7 !important;
}
&:active {
border: 1px solid #044cb9 !important;
color: #044cb9 !important;
}
}
src/views/Home.vue
......@@ -892,10 +892,10 @@ export default {
.el-tabs /deep/ {
font-family: HarmonyOS_Sans_SC;
width: 1235px;
height: 60px;
height: 56px;
.el-tabs__header {
margin: 0;
height: 60px;
height: 56px;
.el-tabs__nav-wrap.is-top {
height: 100%;
}
......@@ -1220,7 +1220,7 @@ export default {
.main {
// padding: 24px;
width: 100%;
height: calc(100% - 60px);
height: calc(100% - 56px);
.contain {
position: relative;
......
src/views/cxyrd/QueryConfirm.vue
......@@ -8,7 +8,7 @@
<div class="display_style">
<span class="labelFont">条码号：</span>
<el-input
class="el_input"
class="el_input tmh"
v-model="reqParam.contrastCustomSearchReq.barcode"
placeholder="请输入条码号"
></el-input>
......@@ -247,8 +247,8 @@
v-show="isShowTip"
>
<i
class="el-icon-info"
style="color: #055fe7; font-size: 0.9375rem"
class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem;"
></i>
已选择
<span style="color: #055fe7">{{ selectionData.length }}</span> 项​
......@@ -1489,14 +1489,14 @@ b {
font-size: 12px;
}
.el-button {
width: 96px;
width: 72px;
height: 32px;
border-radius: 4px;
margin: 0;
padding: 0;
}
.el-button__inner {
width: 56px;
width: 72px;
height: 16px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
......@@ -1510,6 +1510,7 @@ b {
padding: 0 8px !important;
background: #ddebff;
border-radius: 4px;
font-size: 0.75rem;
}
.confirm-page {
......@@ -1608,6 +1609,9 @@ b {
border-radius: 4px;
// border: 1px solid #e6e6e8;
}
.tmh {
width: 232px;
}
/deep/.el-input__inner {
height: 32px !important;
}
......@@ -1690,7 +1694,7 @@ b {
}
.el-button--primary {
width: 96px;
width: 72px;
height: 32px;
line-height: 22px;
padding: 0;
......
src/views/drFPTX/Index.vue
......@@ -89,6 +89,7 @@
FPTX的条码号
</div>
<el-table
:border="false"
height="33rem"
:data="datas"
@selection-change="checkAll1"
......
src/views/drFPTX/RAList.vue
......@@ -247,99 +247,294 @@
<!-- <el-divider style="background-color: #EEEEEE !important;"></el-divider> -->
<!-- 三 -->
<div class="options">
<div class="left">
<div
class="btn"
@click="batch"
style="font-size:14px"
>批量操作</div>
</div>
<div class="right">
<div
v-if="roleArr.includes('B-2-4')"
class="btn"
@click="isShowTjddlBtn"
style="font-size:14px"
>添加到队列</div>
<div
class="btn"
v-clipboard:copy="copyNum"
@click="getBarcodeSuccess(0)"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
style="font-size:14px"
>
复制入库失败编号
<div class="split-line">
<div class="options">
<div class="left">
<div
class="btn"
@click="batch"
style="font-size:0.875rem"
>批量操作</div>
</div>
<div
class="btn"
v-clipboard:copy="copyNum"
@click="getBarcodeSuccess(1)"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
style="font-size:14px"
>
复制入库成功编号
<div class="right">
<div
v-if="roleArr.includes('B-2-4')"
class="btn"
@click="isShowTjddlBtn"
style="font-size:0.875rem"
>添加到队列</div>
<div
class="btn"
v-clipboard:copy="copyNum"
@click="getBarcodeSuccess(0)"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
style="font-size:0.875rem"
>
复制入库失败编号
</div>
<div
class="btn"
v-clipboard:copy="copyNum"
@click="getBarcodeSuccess(1)"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
style="font-size:0.875rem"
>
复制入库成功编号
</div>
<div
class="btn"
v-clipboard:copy="copyNum"
@click="getBarcode"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
style="font-size:0.875rem"
>
复制条码
</div>
<div
v-if='showType!=2'
class="btn send"
@click="isShowFcxBtn"
style="font-size:0.875rem"
>发查询</div>
</div>
<div
class="btn"
v-clipboard:copy="copyNum"
@click="getBarcode"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
style="font-size:14px"
</div>
<!--四 -->
<el-tag
style="width: 100%; color: #666666; margin-bottom: 1rem;background: #ddebff;"
v-show="isShowTip"
>
<span v-html="'&nbsp;&nbsp;'"></span>
<i
class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem;"
></i>
已选择
<span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
<span v-html="'&nbsp;&nbsp;'"></span>
<!-- ​服务调用总计:<span v-html="'&nbsp;&nbsp;'"></span>36.4万 -->
<el-link
type="primary"
:underline="false"
:style="{
marginLeft: '1.25rem',
color: '#055FE7',
transform: 'translateY(-2px)',
}"
@click="toggleSelection()"
>清除</el-link>
</el-tag>
<!-- 五 -->
<div v-if="showType == 1 || showType == 3">
<el-table
:border="false"
:class="{delSelection: !selectBoo}"
:height="height"
ref="multipleTable"
:data="tableDate1"
tooltip-effect="dark"
style="width: 100%"
row-key="sequenceNumber"
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
:tree-props="{
children: 'pcImportRecordGrandchildren',
hasChildren: 'hasChildren',
}"
@selection-change="handleSelectionChange"
@expand-change="hadnlExpandChange"
>
复制条码
</div>
<div
v-if='showType!=2'
class="btn send"
@click="isShowFcxBtn"
style="font-size:14px"
>发查询</div>
<!-- @expand-change="hadnlExpandChange" -->
<el-table-column
type="selection"
:width="width5"
>
</el-table-column>
<el-table-column
prop="taskNumber"
label="任务号"
:width="width1"
>
<template slot-scope="scope">
<svg-icon
style="
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
"
v-if="scope.row.pcImportRecordGrandchildren || scope.row.pcImportRecordGrandchildren === 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.pcImportRecordGrandchildren || scope.row.pcImportRecordGrandchildren !== null"
icon-class="tree_c"
></svg-icon>
{{
scope.row.pcImportRecordGrandchildren || scope.row.pcImportRecordGrandchildren === null
? scope.row.taskNumber
: scope.row.taskNumber
}}
<div
v-show="scope.row.pcImportRecordGrandchildren && scope.row.pcImportRecordGrandchildren !== null"
class="children-count"
>
{{ scope.row.pcImportRecordGrandchildren ? scope.row.pcImportRecordGrandchildren.length : 0 }}
</div>
</template>
</el-table-column>
<el-table-column
prop="fileName"
label="文件名"
:width="width2"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="barcode"
:label="showType == 1?'人员编号':'案事件编号'"
:width="width1"
show-overflow-tooltip
>
</el-table-column>
<!-- <el-table-column
prop="dataTypeName"
label="类型"
:width="width3"
>
</el-table-column> -->
<el-table-column
prop="logicBatabaseName"
label="逻辑分库"
:width="width_ljfk"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="statusName"
label="状态"
:width="width6"
>
<template slot-scope="scope">
<span
class="zt1"
v-if="scope.row.status==1"
></span>
<span
class="zt0"
v-if="scope.row.status==0"
></span>
<span>{{scope.row.statusName}}</span>
<!-- scope.row.status==1?'zt1':'zt0' -->
<span
v-if="scope.row.failReason"
class="history"
>
<el-tooltip
class="item"
effect="dark"
placement="right"
>
<div slot="content">{{scope.row.failReason}}</div>
<img src="../../assets/img/confirm/history2x.png" />
</el-tooltip>
</span>
</template>
</el-table-column>
<el-table-column
label="操作"
width="auto"
>
<template slot-scope="scope">
<div
class="ops"
v-if="scope.row.barcode"
@click.stop='closeSelected'
>
<el-tooltip
class="item"
effect="dark"
content="编辑"
placement="top"
:open-delay="500"
@click="handleClick(scope.row)"
>
<div
class="icon bj"
@click="handleClick(scope.row)"
>
<img
src="../../assets/img/qbryk/bj.svg"
alt=""
/>
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="复制条码"
placement="top"
:open-delay="500"
>
<div
class="icon bz"
@click="getBarcode1(scope.row)"
>
<img
src="../../assets/img/qbryk/fz.svg"
alt=""
/>
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="发查询"
placement="top"
:open-delay="500"
>
<div
class="icon look"
@click="isShowFcxBtn1(scope.row)"
>
<img
src="../../assets/img/qbryk/search.svg"
alt=""
/>
</div>
</el-tooltip>
</div>
</template>
</el-table-column>
</el-table>
</div>
</div>
<!--四 -->
<el-tag
style="width: 100%; color: #666666; margin-bottom: 16px"
v-show="isShowTip"
>
<span v-html="'&nbsp;&nbsp;'"></span>
<i
class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 16px; margin: 0 0.625rem;"
></i>
已选择
<span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
<span v-html="'&nbsp;&nbsp;'"></span>
<!-- ​服务调用总计:<span v-html="'&nbsp;&nbsp;'"></span>36.4万 -->
<el-link
type="primary"
:underline="false"
style="margin-left: 20px"
@click="toggleSelection()"
>清除</el-link>
</el-tag>
<!-- 五 -->
<div v-if="showType == 1 || showType == 3">
<el-table
:border="false"
class="bzTable"
:class="{delSelection: !selectBoo}"
v-if="showType == 2"
:height="height"
ref="multipleTable"
:data="tableDate1"
:data="tableDate2"
tooltip-effect="dark"
style="width: 100%"
row-key="sequenceNumber"
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
:tree-props="{
children: 'pcImportRecordGrandchildren',
children: 'affirmImportRecordGrandchildren',
hasChildren: 'hasChildren',
}"
@selection-change="handleSelectionChange"
@expand-change="hadnlExpandChange"
@expand-change="hadnlExpandChangeBz"
>
<!-- @expand-change="hadnlExpandChange" -->
<el-table-column
type="selection"
:width="width5"
......@@ -353,63 +548,116 @@
<template slot-scope="scope">
<svg-icon
style="
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
"
v-if="scope.row.pcImportRecordGrandchildren || scope.row.pcImportRecordGrandchildren === null"
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
"
v-if="scope.row.affirmImportRecordGrandchildren || scope.row.affirmImportRecordGrandchildren === 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.pcImportRecordGrandchildren || scope.row.pcImportRecordGrandchildren !== null"
width: 0.8125rem;
height: 0.375rem;
margin: 0 0 0.1875rem 0;
"
v-else-if="!scope.row.affirmImportRecordGrandchildren || scope.row.affirmImportRecordGrandchildren !== null"
icon-class="tree_c"
></svg-icon>
{{
scope.row.pcImportRecordGrandchildren || scope.row.pcImportRecordGrandchildren === null
? scope.row.taskNumber
: scope.row.taskNumber
}}
scope.row.affirmImportRecordGrandchildren || scope.row.affirmImportRecordGrandchildren === null
? scope.row.taskNumber
: scope.row.taskNumber
}}
<div
v-show="scope.row.pcImportRecordGrandchildren && scope.row.pcImportRecordGrandchildren !== null"
v-show="scope.row.affirmImportRecordGrandchildren && scope.row.affirmImportRecordGrandchildren !== null"
class="children-count"
>
{{ scope.row.pcImportRecordGrandchildren ? scope.row.pcImportRecordGrandchildren.length : 0 }}
{{ scope.row.affirmImportRecordGrandchildren ? scope.row.affirmImportRecordGrandchildren.length : 0 }}
</div>
</template>
</el-table-column>
<el-table-column
prop="fileName"
label="文件名"
:width="width2"
:width="width1"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="dataTypeName"
label="查询类型"
:width="width3"
>
<template slot-scope="scope">
<div
v-if='scope.row.queryType==0'
style="color: #fa9500;"
>{{scope.row.dataTypeName}}</div>
<div
v-if='scope.row.queryType==1'
style="color: #e60012;"
>{{scope.row.dataTypeName }}</div>
<div
v-if='scope.row.queryType==2'
style="color: #00b47a;"
>{{scope.row.dataTypeName}}</div>
<div
v-if='scope.row.queryType==3'
style="color: #055fe7;"
>{{scope.row.dataTypeName }}</div>
</template>
</el-table-column>
<el-table-column
prop="barcode"
:label="showType == 1?'人员编号':'案事件编号'"
label="人员编号/案事件编号"
:width="width1"
show-overflow-tooltip
>
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;">
<div
v-if="scope.row.srcBarcode && scope.row.destBarcode !== ''"
style="margin-top:6px;margin-right: 5px;"
>
<div style="width: 0.4375rem;height: 0.4375rem;background: #FFFFFF;border: 1px solid #006AFF;border-radius: 50%;"></div>
<div style="width: 1px;height: 15px;background: #D8D8D8;margin-left: 3px;"></div>
<div style="width: 0.4375rem;height: 0.4375rem;background: #FFFFFF;border: 1px solid #006AFF;border-radius: 50%;"></div>
</div>
<div>
<div>{{ scope.row.srcBarcode }}</div>
<div>{{ scope.row.destBarcode }}</div>
</div>
</div>
</template>
</el-table-column>
<!-- <el-table-column
prop="dataTypeName"
label="类型"
:width="width3"
>
</el-table-column> -->
<el-table-column
prop="logicBatabaseName"
label="逻辑分库"
:width="width_ljfk"
:width="width_ljfk2"
show-overflow-tooltip
>
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;">
<div
v-if="scope.row.srcLogicName && scope.row.destLogicName !== ''"
style="margin-top:6px;margin-right: 5px;"
>
<div style="width: 7px;height: 7px;background: #FFFFFF;border: 1px solid #006AFF;border-radius: 50%;"></div>
<div style="width: 1px;height: 15px;background: #D8D8D8;margin-left: 3px;"></div>
<div style="width: 7px;height: 7px;background: #FFFFFF;border: 1px solid #006AFF;border-radius: 50%;"></div>
</div>
<div>
<div>{{ scope.row.srcLogicName }}</div>
<div>{{ scope.row.destLogicName }}</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column
prop="statusName"
......@@ -449,10 +697,10 @@
<template slot-scope="scope">
<div
class="ops"
v-if="scope.row.barcode"
v-if="scope.row.srcBarcode"
@click.stop='closeSelected'
>
<el-tooltip
<!-- <el-tooltip
class="item"
effect="dark"
content="编辑"
......@@ -469,7 +717,7 @@
alt=""
/>
</div>
</el-tooltip>
</el-tooltip> -->
<el-tooltip
class="item"
effect="dark"
......@@ -478,7 +726,7 @@
:open-delay="500"
>
<div
class="icon bz"
class="icon bj"
@click="getBarcode1(scope.row)"
>
<img
......@@ -504,265 +752,25 @@
/>
</div>
</el-tooltip>
<!-- <el-tooltip
class="item"
effect="dark"
content="人工认定"
placement="top"
:open-delay="500"
>
<div class="icon look">
<img
src="../../assets/img/qbryk/rgrd.svg"
alt=""
/>
</div>
</el-tooltip> -->
</div>
</template>
</el-table-column>
</el-table>
</div>
<el-table
class="bzTable"
:class="{delSelection: !selectBoo}"
v-if="showType == 2"
:height="height"
ref="multipleTable"
:data="tableDate2"
tooltip-effect="dark"
style="width: 100%"
row-key="sequenceNumber"
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
:tree-props="{
children: 'affirmImportRecordGrandchildren',
hasChildren: 'hasChildren',
}"
@selection-change="handleSelectionChange"
@expand-change="hadnlExpandChangeBz"
>
<el-table-column
type="selection"
:width="width5"
>
</el-table-column>
<el-table-column
prop="taskNumber"
label="任务号"
:width="width1"
>
<template slot-scope="scope">
<svg-icon
style="
width: 0.875rem;
height: 0.6875rem;
margin-bottom: 0.125rem;
margin-left: 0.3125rem;
"
v-if="scope.row.affirmImportRecordGrandchildren || scope.row.affirmImportRecordGrandchildren === 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.affirmImportRecordGrandchildren || scope.row.affirmImportRecordGrandchildren !== null"
icon-class="tree_c"
></svg-icon>
{{
scope.row.affirmImportRecordGrandchildren || scope.row.affirmImportRecordGrandchildren === null
? scope.row.taskNumber
: scope.row.taskNumber
}}
<div
v-show="scope.row.affirmImportRecordGrandchildren && scope.row.affirmImportRecordGrandchildren !== null"
class="children-count"
>
{{ scope.row.affirmImportRecordGrandchildren ? scope.row.affirmImportRecordGrandchildren.length : 0 }}
</div>
</template>
</el-table-column>
<el-table-column
prop="fileName"
label="文件名"
:width="width1"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="dataTypeName"
label="查询类型"
:width="width3"
>
<template slot-scope="scope">
<div
v-if='scope.row.queryType==0'
style="color: #fa9500;"
>{{scope.row.dataTypeName}}</div>
<div
v-if='scope.row.queryType==1'
style="color: #e60012;"
>{{scope.row.dataTypeName }}</div>
<div
v-if='scope.row.queryType==2'
style="color: #00b47a;"
>{{scope.row.dataTypeName}}</div>
<div
v-if='scope.row.queryType==3'
style="color: #055fe7;"
>{{scope.row.dataTypeName }}</div>
</template>
</el-table-column>
<el-table-column
prop="barcode"
label="人员编号/案事件编号"
:width="width1"
show-overflow-tooltip
>
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;">
<div
v-if="scope.row.srcBarcode && scope.row.destBarcode !== ''"
style="margin-top:6px;margin-right: 5px;"
>
<div style="width: 7px;height: 7px;background: #FFFFFF;border: 1px solid #006AFF;border-radius: 50%;"></div>
<div style="width: 1px;height: 15px;background: #D8D8D8;margin-left: 3px;"></div>
<div style="width: 7px;height: 7px;background: #FFFFFF;border: 1px solid #006AFF;border-radius: 50%;"></div>
</div>
<div>
<div>{{ scope.row.srcBarcode }}</div>
<div>{{ scope.row.destBarcode }}</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column
prop="logicBatabaseName"
label="逻辑分库"
:width="width_ljfk2"
show-overflow-tooltip
>
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;">
<div
v-if="scope.row.srcLogicName && scope.row.destLogicName !== ''"
style="margin-top:6px;margin-right: 5px;"
>
<div style="width: 7px;height: 7px;background: #FFFFFF;border: 1px solid #006AFF;border-radius: 50%;"></div>
<div style="width: 1px;height: 15px;background: #D8D8D8;margin-left: 3px;"></div>
<div style="width: 7px;height: 7px;background: #FFFFFF;border: 1px solid #006AFF;border-radius: 50%;"></div>
</div>
<div>
<div>{{ scope.row.srcLogicName }}</div>
<div>{{ scope.row.destLogicName }}</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column
prop="statusName"
label="状态"
:width="width6"
>
<template slot-scope="scope">
<span
class="zt1"
v-if="scope.row.status==1"
></span>
<span
class="zt0"
v-if="scope.row.status==0"
></span>
<span>{{scope.row.statusName}}</span>
<!-- scope.row.status==1?'zt1':'zt0' -->
<span
v-if="scope.row.failReason"
class="history"
>
<el-tooltip
class="item"
effect="dark"
placement="right"
>
<div slot="content">{{scope.row.failReason}}</div>
<img src="../../assets/img/confirm/history2x.png" />
</el-tooltip>
</span>
</template>
</el-table-column>
<el-table-column
label="操作"
width="auto"
>
<template slot-scope="scope">
<div
class="ops"
v-if="scope.row.srcBarcode"
@click.stop='closeSelected'
>
<!-- <el-tooltip
class="item"
effect="dark"
content="编辑"
placement="top"
:open-delay="500"
@click="handleClick(scope.row)"
>
<div
class="icon bj"
@click="handleClick(scope.row)"
>
<img
src="../../assets/img/qbryk/bj.svg"
alt=""
/>
</div>
</el-tooltip> -->
<el-tooltip
class="item"
effect="dark"
content="复制条码"
placement="top"
:open-delay="500"
>
<div
class="icon bj"
@click="getBarcode1(scope.row)"
>
<img
src="../../assets/img/qbryk/fz.svg"
alt=""
/>
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="发查询"
placement="top"
:open-delay="500"
>
<div
class="icon look"
@click="isShowFcxBtn1(scope.row)"
>
<img
src="../../assets/img/qbryk/search.svg"
alt=""
/>
</div>
</el-tooltip>
<!-- <el-tooltip
class="item"
effect="dark"
content="人工认定"
placement="top"
:open-delay="500"
>
<div class="icon look">
<img
src="../../assets/img/qbryk/rgrd.svg"
alt=""
/>
</div>
</el-tooltip> -->
</div>
</template>
</el-table-column>
</el-table>
<!-- 六 -->
<div
class="block"
......@@ -1841,7 +1849,10 @@ export default {
}
}
}
.split-line {
height: 650px;
border-bottom: 1px solid #eee;
}
.options {
height: 72px;
display: flex;
......@@ -1906,6 +1917,7 @@ export default {
margin-left: 0;
}
img {
cursor: pointer;
width: 16px;
height: 16px;
object-fit: fill;
......
src/views/zljc/Index.vue
......@@ -82,166 +82,168 @@
>清空</el-button>
<el-button
type="primary"
class='sx'
class='sx f-primary-button'
@click="onSubmit"
>筛选结果</el-button>
>筛选</el-button>
</div>
</div>
<div class="line">
<div></div>
</div>
<div class="cz">
<div class="czLeft">
<div
class="btn"
@click="batch"
>批量操作</div>
<div class="split-line">
<div class="cz">
<div class="czLeft">
<div
class="btn"
@click="batch"
>批量操作</div>
</div>
<div class="czRight">
<div
class="btn"
v-if="roleArr.includes('D-1-2')"
v-clipboard:copy="barcode"
@click="getbarcode"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>复制条码</div>
</div>
</div>
<div class="czRight">
<div
class="btn"
v-if="roleArr.includes('D-1-2')"
v-clipboard:copy="barcode"
@click="getbarcode"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>复制条码</div>
</div>
</div>
<div class='content'>
<el-tag v-show="isShowTip">
<span v-html="'&nbsp;&nbsp;'"></span>
<i
class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 16px; margin: 0 0.625rem;"
></i>
已选择
<span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
<span v-html="'&nbsp;&nbsp;'"></span>
<span
class="clearCheck"
@click="toggleSelection()"
>清空</span>
</el-tag>
<div class='content'>
<el-tag v-show="isShowTip">
<span v-html="'&nbsp;&nbsp;'"></span>
<i
class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 16px; margin: 0 0.625rem;"
></i>
已选择
<span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
<span v-html="'&nbsp;&nbsp;'"></span>
<span
class="clearCheck"
@click="toggleSelection()"
>清空</span>
</el-tag>
<el-table
:height="height"
ref="multipleTable"
:data="tableDate"
:row-key="getRowKeys"
tooltip-effect="dark"
style="width: 100%;"
:class="{delSelection: !selectBoo}"
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
class="bzxxfh-table"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
:reserve-selection="true"
:width="width33"
>
</el-table-column>
<el-table-column
prop="barcode"
label="人员编号"
:width="width1"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="name"
label="姓名"
:width="width3"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="codeDwName"
label="捺印单位"
:width="width1"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="collectDate"
label="捺印日期"
:width="width4"
>
</el-table-column>
<el-table-column
prop="createTime"
label="分配时间"
:width="width1"
>
</el-table-column>
<el-table-column
prop="djs"
label="时限|超时"
:width="width1"
>
<template slot="header">
<span class="sx">时限</span> <span class="djsLine"></span> <span class="cs">超时</span><span
class='px'
@click="px"
><i class="el-icon-d-caret"></i></span>
</template>
<template slot-scope="scope">
<div
class='djsType0'
v-if="scope.row.type==0"
>{{ scope.row.djs | daojishi }}</div>
<div
class='djsType1'
v-else-if="scope.row.type==1"
>{{scope.row.djs | daojishi }}</div>
<div v-else>
<p>---</p>
</div>
</template>
</el-table-column>
<el-table-column
prop="collectNumber"
label="补采次数"
:width="width4"
<el-table
:height="height"
ref="multipleTable"
:data="tableDate"
:row-key="getRowKeys"
tooltip-effect="dark"
style="width: 100%;"
:class="{delSelection: !selectBoo}"
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
class="bzxxfh-table"
@selection-change="handleSelectionChange"
>
</el-table-column>
<el-table-column
prop="inspectionFlag"
label="检查结果"
:width="width3"
>
<template slot-scope="scope">
<div v-if="scope.row.inspectionFlag==0"> <span class="jcjgSpan djcSpan"></span>待检查</div>
<div v-if="scope.row.inspectionFlag==1"> <span class='jcjgSpan yjcSpan'></span>已检查</div>
<div v-if="scope.row.inspectionFlag==2"> <span class='jcjgSpan hgSpan'></span>合格</div>
<div v-if="scope.row.inspectionFlag==3"> <span class='jcjgSpan bhgSpan'></span>不合格</div>
</template>
</el-table-column>
<el-table-column
prop="nydwGajgmc"
label="操作"
width="auto"
>
<template slot-scope="scope">
<div @click.stop="closeSelected">
<div v-if="scope.row.inspectionFlag==2">
<div class='czBtn cg'>/</div>
</div>
<el-table-column
type="selection"
:reserve-selection="true"
:width="width33"
>
</el-table-column>
<el-table-column
prop="barcode"
label="人员编号"
:width="width1"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="name"
label="姓名"
:width="width3"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="codeDwName"
label="捺印单位"
:width="width1"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="collectDate"
label="捺印日期"
:width="width4"
>
</el-table-column>
<el-table-column
prop="createTime"
label="分配时间"
:width="width1"
>
</el-table-column>
<el-table-column
prop="djs"
label="时限|超时"
:width="width1"
>
<template slot="header">
<span class="sx">时限</span> <span class="djsLine"></span> <span class="cs">超时</span><span
class='px'
@click="px"
><i class="el-icon-d-caret"></i></span>
</template>
<template slot-scope="scope">
<div
class='djsType0'
v-if="scope.row.type==0"
>{{ scope.row.djs | daojishi }}</div>
<div
v-else
@click="goShenHe(scope.row)"
>
<div class='czBtn shBtn'>
检查
class='djsType1'
v-else-if="scope.row.type==1"
>{{scope.row.djs | daojishi }}</div>
<div v-else>
<p>---</p>
</div>
</template>
</el-table-column>
<el-table-column
prop="collectNumber"
label="补采次数"
:width="width4"
>
</el-table-column>
<el-table-column
prop="inspectionFlag"
label="检查结果"
:width="width3"
>
<template slot-scope="scope">
<div v-if="scope.row.inspectionFlag==0"> <span class="jcjgSpan djcSpan"></span>待检查</div>
<div v-if="scope.row.inspectionFlag==1"> <span class='jcjgSpan yjcSpan'></span>已检查</div>
<div v-if="scope.row.inspectionFlag==2"> <span class='jcjgSpan hgSpan'></span>合格</div>
<div v-if="scope.row.inspectionFlag==3"> <span class='jcjgSpan bhgSpan'></span>不合格</div>
</template>
</el-table-column>
<el-table-column
prop="nydwGajgmc"
label="操作"
width="auto"
>
<template slot-scope="scope">
<div @click.stop="closeSelected">
<div v-if="scope.row.inspectionFlag==2">
<div class='czBtn cg'>/</div>
</div>
<div
v-else
@click="goShenHe(scope.row)"
>
<div class='czBtn shBtn'>
检查
</div>
<!-- <span class="iconfont icon-shenhe1">
</span> -->
</div>
<!-- <span class="iconfont icon-shenhe1">
</span> -->
</div>
</div>
</template>
</el-table-column>
</el-table>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="footer">
<span class="record">共&nbsp;{{ total }}&nbsp;条记录 第{{ currPage }}/{{
......@@ -673,7 +675,11 @@ $tableHeight: var(--tableHeight, 33rem);
.bhgSpan {
background: #fe0000;
}
.split-line {
margin: 0 24px;
height: 650px;
border-bottom: 1px solid #eee;
}
// .footer {
// position: fixed;
// bottom: 0;
......@@ -713,7 +719,7 @@ $tableHeight: var(--tableHeight, 33rem);
.content {
margin-top: 15px;
width: 100%;
padding: 0 24px;
// padding: 0 24px;
box-sizing: border-box;
.el-tag {
width: 100%;
......@@ -752,8 +758,9 @@ $tableHeight: var(--tableHeight, 33rem);
.cz {
display: flex;
justify-content: space-between;
padding: 0 24px;
// padding: 0 24px;
.btn {
cursor: pointer;
width: 96px;
height: 32px;
border-radius: 4px;
......@@ -795,12 +802,28 @@ $tableHeight: var(--tableHeight, 33rem);
justify-content: space-between;
margin: 24px;
.left {
.demo-form-inline {
display: flex;
align-items: center;
}
/deep/.el-form-item {
height: 32px;
margin-left: 24px;
display: flex;
align-items: center;
.el-input__inner {
height: 32px;
}
}
.el-form-item__label {
height: 32px !important;
}
.el-form-item__content {
height: 32px !important;
}
.el-input {
height: 32px;
}
.w156 {
/deep/.el-input__inner {
width: 156px;
......@@ -822,11 +845,15 @@ $tableHeight: var(--tableHeight, 33rem);
.right {
margin-right: 24px;
/deep/.sx {
width: 96px;
width: 72px;
height: 32px;
background: #055fe7;
border-radius: 4px;
color: #fff;
cursor: pointer;
span {
cursor: pointer;
}
}
}
}
......
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