工作台稽查文档
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
0567534367
commit
9a4eb1b210
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 665 B |
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
|
|
@ -375,6 +375,7 @@
|
||||||
<el-tab-pane
|
<el-tab-pane
|
||||||
:label="$t('trials:audit:tab:nonDicoms')"
|
:label="$t('trials:audit:tab:nonDicoms')"
|
||||||
name="none-dicom"
|
name="none-dicom"
|
||||||
|
v-if="noneDicomStudyList.length > 0"
|
||||||
>
|
>
|
||||||
<el-row>
|
<el-row>
|
||||||
<!-- 检查信息 -->
|
<!-- 检查信息 -->
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,222 @@
|
||||||
|
<template>
|
||||||
|
<div id="contextmenu" class="contextmenu" v-show="visible">
|
||||||
|
|
||||||
|
<div class="contextmenu__item" @click="handleMenu('open')" v-show="checkList.length <= 1">
|
||||||
|
<i class="icon el-icon-right icon_open" />
|
||||||
|
<span>{{ $t('trials:trials-workbench:auditDocument:menu:open') }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="contextmenu__item" @click="handleMenu('download')">
|
||||||
|
<i class="icon icon_download" />
|
||||||
|
<span>{{ $t('trials:trials-workbench:auditDocument:menu:download') }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="contextmenu__item" @click="handleMenu('copy')">
|
||||||
|
<i class="icon icon_copy" />
|
||||||
|
<span>{{ $t('trials:trials-workbench:auditDocument:menu:copy') }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="contextmenu__item" @click="handleMenu('shear')">
|
||||||
|
<i class="icon icon_shear" />
|
||||||
|
<span>{{ $t('trials:trials-workbench:auditDocument:menu:shear') }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="contextmenu__item" @click="handleMenu('rename')" v-show="checkList.length <= 1">
|
||||||
|
<i class="icon icon_rename" />
|
||||||
|
<span>{{ $t('trials:trials-workbench:auditDocument:menu:rename') }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="contextmenu__item" @click="handleMenu('del')">
|
||||||
|
<i class="icon icon_del" />
|
||||||
|
<span>{{ $t('trials:trials-workbench:auditDocument:menu:del') }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="line" v-show="checkList.length <= 1"></div>
|
||||||
|
<div class="contextmenu__item" @click="handleMenu('Stats')" v-show="checkList.length <= 1">
|
||||||
|
<i class="icon el-icon-warning-outline icon_Stats" />
|
||||||
|
<span>{{ $t('trials:trials-workbench:auditDocument:menu:Stats') }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "index",
|
||||||
|
props: {
|
||||||
|
checkList: {
|
||||||
|
type: Array,
|
||||||
|
default: () => {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
init(row, column, event) {
|
||||||
|
// 设置菜单出现的位置
|
||||||
|
// 具体显示位置根据自己需求进行调节
|
||||||
|
this.visible = true
|
||||||
|
let menu = document.querySelector("#contextmenu");
|
||||||
|
let chaY = document.body.clientHeight - event.clientY;
|
||||||
|
let chaX = document.body.clientWidth - event.clientX;
|
||||||
|
// 防止菜单太靠底，根据可视高度调整菜单出现位置
|
||||||
|
if (chaY < 150) {
|
||||||
|
menu.style.top = event.clientY - 220 + "px";
|
||||||
|
} else {
|
||||||
|
menu.style.top = event.clientY + "px";
|
||||||
|
}
|
||||||
|
if (chaX < 150) {
|
||||||
|
menu.style.left = event.clientX - 200 + "px";
|
||||||
|
} else {
|
||||||
|
menu.style.left = event.clientX + 15 + "px";
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener("click", this.foo); // 给整个document添加监听鼠标事件，点击任何位置执行foo方法
|
||||||
|
},
|
||||||
|
foo() {
|
||||||
|
this.visible = false
|
||||||
|
this.$emit("foo");
|
||||||
|
},
|
||||||
|
handleMenu(item) {
|
||||||
|
this.$emit("handleMenu", item);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.contextmenu__item {
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
white-space: nowrap;
|
||||||
|
clear: both;
|
||||||
|
border-radius: 4px;
|
||||||
|
line-height: 30px;
|
||||||
|
height: 30px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
border: none;
|
||||||
|
color: #444;
|
||||||
|
transition: background-color .15s;
|
||||||
|
padding: 0px 15px 0 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.contextmenu {
|
||||||
|
min-width: 180px;
|
||||||
|
max-width: 250px;
|
||||||
|
font-size: 14px;
|
||||||
|
display: inline-block;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
position: fixed;
|
||||||
|
padding: 10px 6px;
|
||||||
|
list-style-type: none;
|
||||||
|
max-height: 80vh;
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-image: url(@/assets/color-bg.png);
|
||||||
|
background-size: 100% auto;
|
||||||
|
background-position: top 0 right 0;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
box-shadow: 0 0 0 .5px #88888830, 0 10px 40px 0 #88888840;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contextmenu__item:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
background: #99999920;
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
border-bottom: 1px solid #66666630;
|
||||||
|
height: 2px;
|
||||||
|
line-height: 0;
|
||||||
|
margin: 2px 0 4px;
|
||||||
|
margin-left: 16px;
|
||||||
|
margin-right: -5px;
|
||||||
|
cursor: default;
|
||||||
|
padding: 0px 15px 0 15px;
|
||||||
|
color: #444;
|
||||||
|
display: block;
|
||||||
|
white-space: nowrap;
|
||||||
|
clear: both;
|
||||||
|
border-radius: 4px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
font-style: normal;
|
||||||
|
vertical-align: middle;
|
||||||
|
text-align: center;
|
||||||
|
color: #aaa;
|
||||||
|
font-size: 17px;
|
||||||
|
margin-top: -2px;
|
||||||
|
width: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
display: inline-block;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*打开*/
|
||||||
|
.icon_open {
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*下载*/
|
||||||
|
.icon_download {
|
||||||
|
display: inline-block;
|
||||||
|
background-image: url(@/assets/menu_icon.png);
|
||||||
|
background-position: -16px -48px;
|
||||||
|
background-size: auto !important;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**剪切*/
|
||||||
|
.icon_shear {
|
||||||
|
background-size: cover !important;
|
||||||
|
background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzIwMCcgaGVpZ2h0PScyMDAnPjxwYXRoIGQ9J001NjkuNyAzODguM0w3NDMuMiAxNDNjMTYtMjcuNyA2LjUtNjMtMjEuMi03OUw1MTIgMzE4LjMgMzAyIDY0Yy0yNy44IDE2LTM3LjMgNTEuMy0yMS4yIDc5bDE3My41IDI0NS4zTDI3MyA2MDcuOWw5NS45IDYwLjEgNjEuNS04Mi43TDUxMiA0NjkuOWw4MS42IDExNS40IDYxLjUgODIuNyA5NS45LTYwLjEtMTgxLjMtMjE5LjZ6JyBmaWxsPScjN0Y4MDgwJz48L3BhdGg+PHBhdGggZD0nTTI3MyA2MDZjLTk3LjYgMC0xNzcgNzkuNC0xNzcgMTc3czc5LjQgMTc3IDE3NyAxNzcgMTc3LTc5LjQgMTc3LTE3Ny03OS40LTE3Ny0xNzctMTc3eiBtMSAyOTBjLTYyLjMgMC0xMTMtNTAuNy0xMTMtMTEzczUwLjctMTEzIDExMy0xMTMgMTEzIDUwLjcgMTEzIDExMy01MC43IDExMy0xMTMgMTEzek03NTEgNjA2Yy05Ny42IDAtMTc3IDc5LjQtMTc3IDE3N3M3OS40IDE3NyAxNzcgMTc3IDE3Ny03OS40IDE3Ny0xNzctNzkuNC0xNzctMTc3LTE3N3ogbTAgMjkwYy02Mi4zIDAtMTEzLTUwLjctMTEzLTExM3M1MC43LTExMyAxMTMtMTEzIDExMyA1MC43IDExMyAxMTMtNTAuNyAxMTMtMTEzIDExM3onIGZpbGw9JyM0OTdDQUQnPjwvcGF0aD48L3N2Zz4=);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**复制*/
|
||||||
|
.icon_copy {
|
||||||
|
background-size: cover !important;
|
||||||
|
background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcwNCAyNTZoNjguMDk2bDE0Ny4zOTIgMTU5LjA0YTMyIDMyIDAgMCAxIDguNTEyIDIxLjc2Vjg5NmEzMiAzMiAwIDAgMS0zMiAzMkgzNTJhMzIgMzIgMCAwIDEtMzItMzJ2LTEyOEgxMjhhMzIgMzIgMCAwIDEtMzItMzJWMTI4YTMyIDMyIDAgMCAxIDMyLTMyaDU0NGEzMiAzMiAwIDAgMSAzMiAzMnYxMjh6JyBmaWxsPScjRkZGRkZGJz48L3BhdGg+PHBhdGggZD0nTTI1NiA3MzZ2MzJIMTI4YTMyIDMyIDAgMCAxLTMyLTMyVjEyOGEzMiAzMiAwIDAgMSAzMi0zMmg1NDRhMzIgMzIgMCAwIDEgMzIgMzJ2NjRoLTMyVjEyOEgxMjh2NjA4aDEyOHonIGZpbGw9JyM1RDZEN0UnPjwvcGF0aD48cGF0aCBkPSdNNzY4IDI1Ny4xODRsMC4zMi0wLjMyIDE2MC41NDQgMTU3LjYtMS41MDQgMS41MzZIOTI4djQ4MGEzMiAzMiAwIDAgMS0zMiAzMkgzNTJhMzIgMzIgMCAwIDEtMzItMzJWMjg4YTMyIDMyIDAgMCAxIDMyLTMyaDQxNnYxLjE4NHogbTAgNDQuMjI0VjQxNmgxMTYuNzM2TDc2OCAzMDEuNDR6TTczNiAyODhIMzUydjYwOGg1NDRWNDQ4aC0xNjBWMjg4eicgZmlsbD0nIzUwODRiZSc+PC9wYXRoPjxwYXRoIGQ9J000NDggNDE2aDE5MnYzMmgtMTkydi0zMnogbTAgMTYwaDM1MnYzMkg0NDh2LTMyeiBtMCAxNjBoMzUydjMySDQ0OHYtMzJ6JyBmaWxsPScjQUNCNEMwJz48L3BhdGg+PC9zdmc+);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*重命名*/
|
||||||
|
.icon_rename {
|
||||||
|
display: inline-block;
|
||||||
|
background-image: url(@/assets/menu_icon.png);
|
||||||
|
background-position: 0 -64px;
|
||||||
|
background-size: auto !important;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
width: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*删除*/
|
||||||
|
.icon_del {
|
||||||
|
color: #1890ff;
|
||||||
|
display: inline-block;
|
||||||
|
background-image: url(@/assets/menu_icon.png);
|
||||||
|
background-position: 0 -80px;
|
||||||
|
background-size: auto !important;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*属性*/
|
||||||
|
.icon_Stats {
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,554 @@
|
||||||
|
<template>
|
||||||
|
<div class="auditDocument">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<h3>{{ isManage ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument') }}</h3>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" style="text-align:right;">
|
||||||
|
<h3>
|
||||||
|
<Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
|
||||||
|
:limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next" :background="false"
|
||||||
|
style="display: inline-block;" @pagination="getList" />
|
||||||
|
<el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
|
||||||
|
@click="handleReset" />
|
||||||
|
</h3>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form :inline="true" class="base-search-form">
|
||||||
|
<el-form-item>
|
||||||
|
<el-input v-model="str" clearable></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||||
|
{{ $t('common:button:search') }}
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
|
||||||
|
{{ $t('common:button:reset') }}
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary">
|
||||||
|
{{ $t('trials:trials-workbench:auditDocument:button:addFolder') }}
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary">
|
||||||
|
{{ $t('trials:trials-workbench:auditDocument:button:uploadFile') }}
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary">
|
||||||
|
{{ $t('trials:trials-workbench:auditDocument:button:uploadFolder') }}
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary">
|
||||||
|
{{ $t('trials:trials-workbench:auditDocument:button:download') }}
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary">
|
||||||
|
{{ $t('trials:trials-workbench:auditDocument:button:del') }}
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table :data="tableData" style="width: 99%" row-key="Id" :row-style="setRowStyle"
|
||||||
|
v-adaptive="{ bottomOffset: 75 }" height="100"
|
||||||
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" @row-click="handleRowClick"
|
||||||
|
@cell-mouse-enter="handleCellMouseEnter" @cell-mouse-leave="handleCellMouseLeave"
|
||||||
|
@row-contextmenu="handleRowContextmenu" @row-dblclick="handleRowDblclick">
|
||||||
|
<el-table-column prop="date" label="日期" sortable width="300" class-name="catalogue_box">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="name_layout_box">
|
||||||
|
<div class="name_layout" v-if="renameId !== scope.row.Id">
|
||||||
|
<span class="name_box">
|
||||||
|
<i class="icon icon_folder"
|
||||||
|
v-if="scope.row.children && scope.row.children.length > 0" />
|
||||||
|
<i v-else :class="`icon icon_file icon_${scope.row.type}`" />
|
||||||
|
<span class="name">{{ scope.row.date }}</span>
|
||||||
|
<i class="el-icon-edit icon_edit" v-if="hoverId === scope.row.Id"
|
||||||
|
@click="addRenameId(scope.row)"
|
||||||
|
:title="$t('trials:trials-workbench:auditDocument:icon:rename')" />
|
||||||
|
</span>
|
||||||
|
<i :class="{ 'el-icon-circle-check': true, 'icon_check': true, isCheck: checkList.includes(scope.row.Id) }"
|
||||||
|
@click.stop="addCheck(scope.row)"
|
||||||
|
v-if="hoverId === scope.row.Id || checkList.includes(scope.row.Id)" />
|
||||||
|
</div>
|
||||||
|
<el-input v-model="scope.row.date" :ref="`renameInp_${scope.row.Id}`" :autofocus="true"
|
||||||
|
class="renameInp" @blur="rename(scope.row)" v-else />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="name" label="姓名" sortable width="180">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="address" label="地址">
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<contextmenu ref="contextmenu" :checkList="checkList" @handleMenu="handleMenu" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import Pagination from '@/components/Pagination'
|
||||||
|
import contextmenu from './contextmenu.vue'
|
||||||
|
const searchDataDefault = () => {
|
||||||
|
return {
|
||||||
|
pageIndex: 1,
|
||||||
|
pageSize: 20,
|
||||||
|
asc: false,
|
||||||
|
sortField: 'CreateTime'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default {
|
||||||
|
name: "auditDocument",
|
||||||
|
components: { Pagination, contextmenu },
|
||||||
|
props: {
|
||||||
|
isManage: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
searchData: searchDataDefault(),
|
||||||
|
total: 0,
|
||||||
|
str: null, // 查询条件
|
||||||
|
tableData: [{
|
||||||
|
Id: 1,
|
||||||
|
date: '2016-05-02',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1518 弄',
|
||||||
|
type: 'ppt',
|
||||||
|
}, {
|
||||||
|
Id: 2,
|
||||||
|
date: '2016-05-04',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1517 弄',
|
||||||
|
type: 'pdf',
|
||||||
|
}, {
|
||||||
|
Id: 3,
|
||||||
|
date: '2016-05-01',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1519 弄',
|
||||||
|
type: 'floder',
|
||||||
|
children: [{
|
||||||
|
Id: 31,
|
||||||
|
date: '2016-05-31',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1519 弄',
|
||||||
|
children: [{
|
||||||
|
Id: 311,
|
||||||
|
date: '2016-05-311',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1519 弄',
|
||||||
|
children: [{
|
||||||
|
Id: 3111,
|
||||||
|
date: '2016-05-311',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1519 弄'
|
||||||
|
}]
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
Id: 32,
|
||||||
|
date: '2016-05-32',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1519 弄'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 4,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 5,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 6,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 7,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 8,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 9,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 10,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 11,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 12,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 13,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 14,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 15,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 16,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 17,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 18,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 19,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 20,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 21,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 22,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 23,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Id: 24,
|
||||||
|
date: '2016-05-03',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1516 弄'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
checkList: [], // 选中的数据
|
||||||
|
hoverId: null, // hover中的数据
|
||||||
|
renameId: null, // 选中重命名的数据
|
||||||
|
|
||||||
|
copyList: [], // 选中复制的数据
|
||||||
|
shearList: [], // 选中剪切的数据
|
||||||
|
type: null, // 操作类型（右键菜单、键盘操作）
|
||||||
|
|
||||||
|
ctrlKey: false, // 键盘ctrl键是否按下
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList() {
|
||||||
|
|
||||||
|
},
|
||||||
|
handleSearch() { },
|
||||||
|
handleReset() {
|
||||||
|
this.searchData = searchDataDefault()
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
addCheck(row) {
|
||||||
|
this.checkList.push(row.Id)
|
||||||
|
},
|
||||||
|
addRenameId(row) {
|
||||||
|
this.renameId = row.Id
|
||||||
|
this.$nextTick(() => {
|
||||||
|
console.log(this.$refs[`renameInp_${row.Id}`].focus())
|
||||||
|
if (this.$refs[`renameInp_${row.Id}`]) {
|
||||||
|
this.$refs[`renameInp_${row.Id}`].focus()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
rename(row) {
|
||||||
|
this.renameId = null
|
||||||
|
},
|
||||||
|
// 单行右键单击（右键菜单）
|
||||||
|
handleRowContextmenu(row, column, e) {
|
||||||
|
e.preventDefault();
|
||||||
|
if (!this.checkList.includes(row.Id)) this.handleRowClick(row)
|
||||||
|
this.$refs.contextmenu.init(row, column, e)
|
||||||
|
},
|
||||||
|
// 单行左键双击（进入文件夹或者预览文件）
|
||||||
|
handleRowDblclick(row) { },
|
||||||
|
// 单行左键单击
|
||||||
|
handleRowClick(row) {
|
||||||
|
if (this.ctrlKey) {
|
||||||
|
this.checkList.push(row.Id)
|
||||||
|
} else {
|
||||||
|
this.checkList = [row.Id]
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
// 单行hover移入
|
||||||
|
handleCellMouseEnter(row) {
|
||||||
|
this.hoverId = row.Id
|
||||||
|
},
|
||||||
|
// 单行hover移出
|
||||||
|
handleCellMouseLeave() { this.hoverId = null },
|
||||||
|
// 右键菜单操作
|
||||||
|
handleMenu(key) {
|
||||||
|
this.type = key;
|
||||||
|
if (key === 'rename') {
|
||||||
|
this.renameId = this.checkList[0]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setRowStyle({ row, rowIndex }) {
|
||||||
|
if (this.checkList.includes(row.Id)) {
|
||||||
|
return {
|
||||||
|
backgroundColor: '#cce8ff', // 错误行红色背景
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 复制
|
||||||
|
copy() { },
|
||||||
|
// 剪切
|
||||||
|
shear() { },
|
||||||
|
// 粘贴
|
||||||
|
stickup() { },
|
||||||
|
// 键盘事件（按下）
|
||||||
|
keydown(e) {
|
||||||
|
this.ctrlKey = e.ctrlKey
|
||||||
|
if (e.key === 'Control') {
|
||||||
|
e.preventDefault();
|
||||||
|
}
|
||||||
|
if (e.ctrlKey && e.key === 'c') {
|
||||||
|
e.preventDefault();
|
||||||
|
this.type = 'copy'
|
||||||
|
this.copy()
|
||||||
|
}
|
||||||
|
if (e.ctrlKey && e.key === 'v') {
|
||||||
|
e.preventDefault();
|
||||||
|
this.type = 'stickup'
|
||||||
|
this.stickup()
|
||||||
|
}
|
||||||
|
if (e.ctrlKey && e.key === 'x') {
|
||||||
|
e.preventDefault();
|
||||||
|
this.type = 'shear'
|
||||||
|
this.shear()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 键盘事件（松开）
|
||||||
|
keyup(e) {
|
||||||
|
this.ctrlKey = e.ctrlKey
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
document.addEventListener('keydown', this.keydown);
|
||||||
|
document.addEventListener('keyup', this.keyup);
|
||||||
|
},
|
||||||
|
destroyed() {
|
||||||
|
document.removeEventListener('keydown', this.keydown);
|
||||||
|
document.removeEventListener('keyup', this.keyup);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.auditDocument {
|
||||||
|
|
||||||
|
// position: relative;
|
||||||
|
::v-deep .catalogue_box.el-table__cell {
|
||||||
|
.cell {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.renameInp {
|
||||||
|
::v-deep .el-input__inner {
|
||||||
|
line-height: 23px;
|
||||||
|
height: 23px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.name_layout_box {
|
||||||
|
display: inline-block;
|
||||||
|
flex: 1 1 0%;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.width100 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name_layout {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.name_box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
|
||||||
|
.name {
|
||||||
|
max-width: calc(100% - 60px);
|
||||||
|
white-space: nowrap;
|
||||||
|
/* 文本不换行 */
|
||||||
|
overflow: hidden;
|
||||||
|
/* 超出部分隐藏 */
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon_edit {
|
||||||
|
cursor: pointer;
|
||||||
|
color: rgba(0, 0, 0, 0.3);
|
||||||
|
margin-left: 2px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon_check {
|
||||||
|
font-size: 18px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: rgba(0, 0, 0, 0.3);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.isCheck {
|
||||||
|
color: #3b8cff;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
|
||||||
|
background-color: #e5f3ff
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
height: 20px;
|
||||||
|
width: 20px;
|
||||||
|
padding: 0px;
|
||||||
|
line-height: 20px;
|
||||||
|
min-width: 20px;
|
||||||
|
margin-right: 6px;
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*文件*/
|
||||||
|
.icon_file {
|
||||||
|
width: 16px !important;
|
||||||
|
height: 16px !important;
|
||||||
|
margin-right: 6px;
|
||||||
|
background-size: inherit;
|
||||||
|
background-image: url(@/assets/0.file-16.png);
|
||||||
|
background-position: 3px 0;
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*文件夹*/
|
||||||
|
.icon_folder {
|
||||||
|
background-image: url(@/assets/folder_win11_small.png);
|
||||||
|
margin-top: -6px;
|
||||||
|
margin-left: 2px;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*docx*/
|
||||||
|
.icon_docx {
|
||||||
|
background-position: -81px -560px !important;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*doc*/
|
||||||
|
.icon_doc {
|
||||||
|
background-position: -81px -592px !important;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*xlsx*/
|
||||||
|
.icon_xlsx {
|
||||||
|
background-position: -81px -48px !important;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*pdf*/
|
||||||
|
.icon_pdf {
|
||||||
|
background-position: -81px -352px !important;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*pptx*/
|
||||||
|
.icon_pptx {
|
||||||
|
background-position: -81px -288px !important;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*zip*/
|
||||||
|
.icon_zip {
|
||||||
|
background-position: 3px 0 !important;
|
||||||
|
margin-top: -2px;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*ppt*/
|
||||||
|
.icon_ppt {
|
||||||
|
background-position: -81px -304px !important;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*xls*/
|
||||||
|
.icon_xls {
|
||||||
|
background-position: -81px -96px !important;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,509 @@
|
||||||
|
<template>
|
||||||
|
<base-model :config="config">
|
||||||
|
<div slot="dialog-body">
|
||||||
|
<!-- 多文件上传 -->
|
||||||
|
<form id="inputForm" ref="uploadForm">
|
||||||
|
<el-divider content-position="left">{{
|
||||||
|
$t('trials:trialDocument:label:fileType').replace(
|
||||||
|
'xxx',
|
||||||
|
faccept.join('/')
|
||||||
|
)
|
||||||
|
}}</el-divider>
|
||||||
|
<div class="form-group">
|
||||||
|
<div
|
||||||
|
class="upload"
|
||||||
|
style="margin-right: 10px"
|
||||||
|
:disabled="limitLength"
|
||||||
|
v-if="!limitLength"
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
multiple="multiple"
|
||||||
|
webkitdirectory=""
|
||||||
|
directory
|
||||||
|
accept="*/*"
|
||||||
|
type="file"
|
||||||
|
name="uploadFolder"
|
||||||
|
class="select-file"
|
||||||
|
title=""
|
||||||
|
@change="beginScanFiles($event)"
|
||||||
|
v-if="
|
||||||
|
!loading &&
|
||||||
|
(!limitLength ||
|
||||||
|
(fileList.length < limitLength && limitLength > 1))
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<div class="btn-select">
|
||||||
|
{{ $t('trials:trialDocument:button:selectFolder') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="upload">
|
||||||
|
<input
|
||||||
|
class="select-file"
|
||||||
|
multiple=""
|
||||||
|
:accept="faccept.join(',')"
|
||||||
|
type="file"
|
||||||
|
name="uploadFile"
|
||||||
|
title=""
|
||||||
|
@change="beginScanFiles($event)"
|
||||||
|
v-if="!loading && (!limitLength || fileList.length < limitLength)"
|
||||||
|
/>
|
||||||
|
<div class="btn-select">
|
||||||
|
{{ $t('trials:trialDocument:button:select') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<!-- 文件列表 -->
|
||||||
|
<el-table
|
||||||
|
ref="filesTable"
|
||||||
|
:data="fileList"
|
||||||
|
class="dicomFiles-table"
|
||||||
|
height="300"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
:selectable="(row, index) => row.status !== 2 && !loading"
|
||||||
|
/>
|
||||||
|
<el-table-column type="index" width="50" />
|
||||||
|
<!-- 文件名称 -->
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
:label="$t('trials:trialDocument:table:fileName')"
|
||||||
|
min-width="100"
|
||||||
|
/>
|
||||||
|
<!-- 文件大小 -->
|
||||||
|
<el-table-column
|
||||||
|
prop="size"
|
||||||
|
:label="$t('trials:trialDocument:table:fileSize')"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
scope.row.size && scope.row.size > 0
|
||||||
|
? `${(scope.row.size / 1024 / 1024).toFixed(3)}MB`
|
||||||
|
: ''
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- 文件类型 -->
|
||||||
|
<el-table-column
|
||||||
|
prop="type"
|
||||||
|
:label="$t('trials:trialDocument:table:fileType')"
|
||||||
|
/>
|
||||||
|
<!-- 上传状态 -->
|
||||||
|
<el-table-column
|
||||||
|
prop="status"
|
||||||
|
:label="$t('trials:trialDocument:table:uploadStatus')"
|
||||||
|
min-width="100"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag
|
||||||
|
:type="['warning', 'info', 'success', 'danger'][scope.row.status]"
|
||||||
|
v-if="scope.row.status || scope.row.status === 0"
|
||||||
|
>{{ $fd('NoneDicomUploadStatus', scope.row.status) }}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('trials:trialDocument:table:failedFileCount')"
|
||||||
|
min-width="150"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-progress
|
||||||
|
color="#409eff"
|
||||||
|
:percentage="
|
||||||
|
((scope.row.uploadFileSize * 100) / scope.row.size).toFixed(2) *
|
||||||
|
1
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :label="$t('common:action:action')">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
circle
|
||||||
|
:disabled="loading"
|
||||||
|
:title="$t('trials:trialDocument:action:delete')"
|
||||||
|
@click="handleRemoveFile(scope.row)"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div slot="dialog-footer">
|
||||||
|
<div style="text-align: right; padding: 10px 0px">
|
||||||
|
<span style="margin-right: 10px">{{
|
||||||
|
$store.state.trials.uploadTip
|
||||||
|
}}</span>
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:disabled="selectArr.length == 0"
|
||||||
|
:loading="loading"
|
||||||
|
@click="beginUpload"
|
||||||
|
>
|
||||||
|
{{ $t('trials:trialDocument:action:upload') }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</base-model>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import baseModel from '@/components/BaseModel'
|
||||||
|
import { deepClone } from '@/utils/index.js'
|
||||||
|
import store from '@/store'
|
||||||
|
export default {
|
||||||
|
name: 'uploadFiles',
|
||||||
|
props: {
|
||||||
|
config: {
|
||||||
|
required: true,
|
||||||
|
default: () => {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
faccept: {
|
||||||
|
type: Array,
|
||||||
|
default: () => {
|
||||||
|
return []
|
||||||
|
},
|
||||||
|
},
|
||||||
|
uploadPath: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
limitLength: {
|
||||||
|
type: Number,
|
||||||
|
default: 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
'base-model': baseModel,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
fileList: [],
|
||||||
|
selectArr: [],
|
||||||
|
isFail: false,
|
||||||
|
successFileList: [],
|
||||||
|
fileInput: null,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取待上传文件信息
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.selectArr = selection
|
||||||
|
},
|
||||||
|
// 扫描待上传文件
|
||||||
|
beginScanFiles(e) {
|
||||||
|
if (this.fileInput) {
|
||||||
|
this.fileInput = null
|
||||||
|
}
|
||||||
|
var files = [...e.target.files]
|
||||||
|
if (this.limitLength && this.fileList.length >= this.limitLength)
|
||||||
|
return this.$message.warning(
|
||||||
|
this.$t('trials:trialDocument:message:limitLength')
|
||||||
|
)
|
||||||
|
var sameFiles = []
|
||||||
|
files.forEach((file) => {
|
||||||
|
var extendName = file.name
|
||||||
|
.substring(file.name.lastIndexOf('.'))
|
||||||
|
.toLocaleLowerCase()
|
||||||
|
if (
|
||||||
|
this.faccept.indexOf(extendName) !== -1 &&
|
||||||
|
this.fileList.findIndex((v) => v.name === file.name) > -1
|
||||||
|
) {
|
||||||
|
sameFiles.push(file.name)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
var scope = this
|
||||||
|
if (sameFiles.length > 0) {
|
||||||
|
const h = this.$createElement
|
||||||
|
var msg = this.$t('trials:trialDocument:message:exsitSameFile').replace(
|
||||||
|
'xxx',
|
||||||
|
sameFiles.join(', ')
|
||||||
|
)
|
||||||
|
this.$msgbox({
|
||||||
|
message: h('div', { style: 'maxHeight:300px;overflow: auto;' }, [
|
||||||
|
h('p', null, msg),
|
||||||
|
h(
|
||||||
|
'p',
|
||||||
|
null,
|
||||||
|
this.$t('trials:trialDocument:message:isContinueUpload')
|
||||||
|
),
|
||||||
|
]),
|
||||||
|
type: 'warning',
|
||||||
|
showCancelButton: true,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
scope.pendingUploadQuene(files)
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
scope.resetUploadForm()
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
scope.pendingUploadQuene(files)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
pendingUploadQuene(files) {
|
||||||
|
for (var i = 0; i < files.length; ++i) {
|
||||||
|
const fileName = files[i].name
|
||||||
|
var extendName = fileName
|
||||||
|
.substring(fileName.lastIndexOf('.'))
|
||||||
|
.toLocaleLowerCase()
|
||||||
|
if (this.faccept.indexOf(extendName) !== -1) {
|
||||||
|
files[i].id = `${files[i].lastModified}${files[i].name}`
|
||||||
|
let obj = {
|
||||||
|
name: files[i].name,
|
||||||
|
size: files[i].size,
|
||||||
|
type: extendName.split('.')[1],
|
||||||
|
status: 0,
|
||||||
|
file: files[i],
|
||||||
|
id: `${files[i].lastModified}${
|
||||||
|
files[i].name
|
||||||
|
}${new Date().getTime()}${i + 1}`,
|
||||||
|
fileType: files[i].type,
|
||||||
|
uploadFileSize: 0,
|
||||||
|
}
|
||||||
|
this.fileList.push(obj)
|
||||||
|
this.$refs.filesTable.toggleRowSelection(obj, true)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.resetUploadForm()
|
||||||
|
},
|
||||||
|
resetUploadForm() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.uploadForm.reset()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleRemoveFile(row) {
|
||||||
|
this.$confirm(this.$t('trials:trialDocument:message:delete'), {
|
||||||
|
type: 'warning',
|
||||||
|
distinguishCancelAndClose: true,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.fileList.splice(
|
||||||
|
this.fileList.findIndex((item) => item.id === row.id),
|
||||||
|
1
|
||||||
|
)
|
||||||
|
let flag = this.successFileList.some((item) => item.id === row.id)
|
||||||
|
if (flag) {
|
||||||
|
this.successFileList.splice(
|
||||||
|
this.successFileList.findIndex((item) => item.id === row.id),
|
||||||
|
1
|
||||||
|
)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
},
|
||||||
|
// 开始上传文件
|
||||||
|
async beginUpload() {
|
||||||
|
this.loading = true
|
||||||
|
this.isFail = false
|
||||||
|
const fileMaxSize = 1024 * 1024 * 1024 * 2 // 1G
|
||||||
|
var currentFilesSize = 0
|
||||||
|
this.selectArr.forEach((item) => {
|
||||||
|
currentFilesSize += item.size
|
||||||
|
})
|
||||||
|
if (currentFilesSize / fileMaxSize > 1) {
|
||||||
|
// 'Upload file size cannot exceed 1G'
|
||||||
|
this.$alert(this.$t('trials:trialDocument:message:uploadSize'))
|
||||||
|
this.loading = false
|
||||||
|
} else {
|
||||||
|
this.selectArr.forEach((item) => (item.status = 0))
|
||||||
|
let num = this.selectArr.length > 6 ? 6 : this.selectArr.length
|
||||||
|
let funArr = []
|
||||||
|
for (let i = 0; i < num; i++) {
|
||||||
|
funArr.push(this.handleUploadTask(this.selectArr, i))
|
||||||
|
}
|
||||||
|
if (funArr.length > 0) {
|
||||||
|
let res = await Promise.all(funArr)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 并发上传
|
||||||
|
async handleUploadTask(arr, index) {
|
||||||
|
if (!this.config.visible) return
|
||||||
|
let file = this.fileList.filter((item) => item.id === arr[index].id)[0]
|
||||||
|
file.status = 1
|
||||||
|
let fileType = file.name
|
||||||
|
.substring(file.name.lastIndexOf('.'))
|
||||||
|
.toLocaleLowerCase()
|
||||||
|
// let fileName = file.name
|
||||||
|
// .substring(0, file.name.lastIndexOf('.'))
|
||||||
|
// .toLocaleLowerCase()
|
||||||
|
let path = `${this.uploadPath}/${this.$guid()}${fileType}`
|
||||||
|
file.curPath = path
|
||||||
|
const fileData = await this.fileToBlob(file.file)
|
||||||
|
let res = await this.fileToOss(path, fileData, file)
|
||||||
|
if (res) {
|
||||||
|
file.status = 2
|
||||||
|
this.successFileList.push({
|
||||||
|
FileName: file.name,
|
||||||
|
FilePath: this.$getObjectName(res.url),
|
||||||
|
FileSize: file.size,
|
||||||
|
FileFormat: fileType,
|
||||||
|
})
|
||||||
|
let flag = arr.every((item) => item.status === 2)
|
||||||
|
if (flag) {
|
||||||
|
return this.submitFile(this.successFileList)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
file.status = 3
|
||||||
|
}
|
||||||
|
let flag = arr.every((item) => item.status > 1)
|
||||||
|
if (flag) {
|
||||||
|
let failFileList = arr.filter((item) => item.status === 3)
|
||||||
|
if (failFileList && failFileList.length > 0) {
|
||||||
|
this.$refs.filesTable.clearSelection()
|
||||||
|
failFileList.forEach((row) => {
|
||||||
|
row.uploadFileSize = 0
|
||||||
|
this.$refs.filesTable.toggleRowSelection(row)
|
||||||
|
})
|
||||||
|
this.isFail = true
|
||||||
|
this.submitFile(this.successFileList, true)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let ind = arr.findIndex((item) => item.status === 0)
|
||||||
|
if (ind >= 0) {
|
||||||
|
return this.handleUploadTask(arr, ind)
|
||||||
|
} else {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// file上传到oss
|
||||||
|
async fileToOss(path, file, item) {
|
||||||
|
try {
|
||||||
|
let res = await this.OSSclient.multipartUpload(
|
||||||
|
{
|
||||||
|
path,
|
||||||
|
file,
|
||||||
|
speed: true,
|
||||||
|
},
|
||||||
|
(percentage, checkpoint, lastPer) => {
|
||||||
|
item.uploadFileSize += checkpoint.size * (percentage - lastPer)
|
||||||
|
if (item.uploadFileSize > file.fileSize) {
|
||||||
|
item.uploadFileSize = file.fileSize
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
if (res) {
|
||||||
|
return res
|
||||||
|
} else {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.log(err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
submitFile(list, isReLoad = false) {
|
||||||
|
if (!this.config.visible) return
|
||||||
|
if (!isReLoad) {
|
||||||
|
this.reset()
|
||||||
|
}
|
||||||
|
let arr = deepClone(list)
|
||||||
|
this.$emit('uplaodFile', arr)
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.loading = false
|
||||||
|
this.selectArr = []
|
||||||
|
this.successFileList = []
|
||||||
|
this.OSSclient.close()
|
||||||
|
this.$emit('close')
|
||||||
|
},
|
||||||
|
openFile(isFolder = false) {
|
||||||
|
this.fileInput = document.createElement('input')
|
||||||
|
this.fileInput.type = 'file'
|
||||||
|
this.fileInput.addEventListener('change', this.beginScanFiles)
|
||||||
|
if (isFolder) {
|
||||||
|
this.fileInput.accept = '*/*'
|
||||||
|
//webkitdirectory directory
|
||||||
|
this.fileInput.webkitdirectory = 'webkitdirectory'
|
||||||
|
this.fileInput.directory = 'directory'
|
||||||
|
} else {
|
||||||
|
this.fileInput.accept = this.faccept.join(',')
|
||||||
|
}
|
||||||
|
console.log(this.fileInput)
|
||||||
|
this.fileInput.click()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
isFail() {
|
||||||
|
if (this.isFail) {
|
||||||
|
this.$confirm(this.$t('trials:trialDocument:failUpload'), {
|
||||||
|
type: 'warning',
|
||||||
|
distinguishCancelAndClose: true,
|
||||||
|
confirmButtonText: this.$t('common:button:confirm'),
|
||||||
|
cancelButtonText: this.$t('common:button:cancel'),
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.beginUpload()
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.loading = false
|
||||||
|
console.log(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
loading() {
|
||||||
|
store.dispatch('trials/setUnLock', this.loading)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.openFile(this.config.isFolder)
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
store.dispatch('trials/setUnLock', false)
|
||||||
|
this.OSSclient.close()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.upload {
|
||||||
|
display: inline-block;
|
||||||
|
height: 30px;
|
||||||
|
width: 90px;
|
||||||
|
padding: 2px 10px;
|
||||||
|
line-height: 23px;
|
||||||
|
position: relative;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
background: #428bca;
|
||||||
|
border-color: #428bca;
|
||||||
|
color: #fff;
|
||||||
|
.select-file {
|
||||||
|
height: 30px;
|
||||||
|
width: 90px;
|
||||||
|
position: absolute;
|
||||||
|
overflow: hidden;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
opacity: 0;
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
.btn-select {
|
||||||
|
//给显示在页面上的按钮写样式
|
||||||
|
width: 90px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 24px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
pointer-events: none; //pointer-events:none用来控制该标签的点击穿透事件
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<div>viewGeneralTraining</div>
|
||||||
|
</template>
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<style>
|
<style>
|
||||||
.user-status-item{
|
.user-status-item {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
@ -14,7 +14,8 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
}
|
}
|
||||||
.my_select_box{
|
|
||||||
|
.my_select_box {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
padding: 0 12px 0 20px;
|
padding: 0 12px 0 20px;
|
||||||
|
|
@ -24,31 +25,37 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.my_select_box_content{
|
|
||||||
|
.my_select_box_content {
|
||||||
color: #333;
|
color: #333;
|
||||||
font-size: .875rem;
|
font-size: .875rem;
|
||||||
white-space:nowrap;
|
white-space: nowrap;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.my_select_box_content_text{
|
|
||||||
|
.my_select_box_content_text {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
white-space:nowrap;
|
white-space: nowrap;
|
||||||
overflow:hidden;
|
overflow: hidden;
|
||||||
text-overflow:ellipsis;
|
text-overflow: ellipsis;
|
||||||
max-width: 150px;
|
max-width: 150px;
|
||||||
}
|
}
|
||||||
.my_select_box:hover{
|
|
||||||
|
.my_select_box:hover {
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my_select_box.selected {
|
.my_select_box.selected {
|
||||||
color:#6698ff;
|
color: #6698ff;
|
||||||
background: rgba(102, 152, 255, .1);
|
background: rgba(102, 152, 255, .1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.my_select_box.selected .my_select_box_content {
|
.my_select_box.selected .my_select_box_content {
|
||||||
color:#6698ff;
|
color: #6698ff;
|
||||||
}
|
}
|
||||||
.my_select_title{
|
|
||||||
|
.my_select_title {
|
||||||
height: 48px;
|
height: 48px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -56,173 +63,228 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my_select .my_select_box {
|
.my_select .my_select_box {
|
||||||
margin-top: 0!important;
|
margin-top: 0 !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<template>
|
<template>
|
||||||
<div class="workbench-container">
|
<div class="workbench-container">
|
||||||
<!-- <div class="workbench-stats">-->
|
<!-- <div class="workbench-stats">-->
|
||||||
<!-- <PanelCount ref="panelCount" @getSignSystemDocCount="getSignSystemDocCount" />-->
|
<!-- <PanelCount ref="panelCount" @getSignSystemDocCount="getSignSystemDocCount" />-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<div class="workbench-content" style="height: 100%;display: flex">
|
<div class="workbench-content" style="height: 100%;display: flex">
|
||||||
<div class="workbench-content-left" style="width: 259px;border-right: 1px solid #eee;background: #fbfbfb">
|
<div class="workbench-content-left"
|
||||||
<div style="padding: 12px">
|
style="height:100%;width: 259px;border-right: 1px solid #eee;background: #fbfbfb">
|
||||||
<div class="user-profile-wrapper" style="padding: 24px 0 24px 12px;">
|
<div style="padding: 12px;height:100%;">
|
||||||
<div style="display: flex;align-items: center;margin-bottom: 20px;" class="user-info">
|
<div class="user-profile-wrapper" style="padding: 24px 0 24px 12px;">
|
||||||
<div style="margin-right: 0.75rem;background: #428bca;width: 44px;height: 44px;border-radius: 50%;line-height: 44px;text-align: center;font-size: 12px;color:#fff;overflow: hidden">
|
<div style="display: flex;align-items: center;margin-bottom: 20px;" class="user-info">
|
||||||
{{ user.LastName }}
|
<div
|
||||||
</div>
|
style="margin-right: 0.75rem;background: #428bca;width: 44px;height: 44px;border-radius: 50%;line-height: 44px;text-align: center;font-size: 12px;color:#fff;overflow: hidden">
|
||||||
<div class="user-description" style="">
|
{{ user.LastName }}
|
||||||
<div style="font-size: .875rem;color: #333;line-height: 22px;display: flex;margin-bottom: 0.25rem;"><span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 150px">{{user.RealName}}</span></div>
|
|
||||||
<div style="font-size: .75rem;line-height: 18px;color:#999">{{new Date().getFullYear()}}{{$t('common:date:today')}}{{new Date().getMonth() + 1}}{{$t('common:date:month')}}{{new Date().getDate()}}{{$t('common:date:day')}}，{{ dayOfWeek }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="user-status" style="display: flex">
|
<div class="user-description" style="">
|
||||||
<div class="user-status-item" @click="$router.push('/trials/trials-myinfo')" style="margin-right: 0.75rem">
|
<div style="font-size: .875rem;color: #333;line-height: 22px;display: flex;margin-bottom: 0.25rem;">
|
||||||
<span class="el-icon-setting" style="margin-right: 0.5rem"></span>
|
<span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 150px">{{
|
||||||
<span>{{$t('trials:trials-myinfo:title:accountInfo')}}</span>
|
user.RealName }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="user-status-item" @click="$router.push('/trials/trials-notice')">
|
<div style="font-size: .75rem;line-height: 18px;color:#999">{{ new
|
||||||
<span class="el-icon-bell" style="margin-right: 0.5rem"></span>
|
Date().getFullYear() }}{{ $t('common:date:today') }}{{ new Date().getMonth() +
|
||||||
<span style="margin-right: 0.5rem">｜</span>
|
1 }}{{ $t('common:date:month') }}{{ new Date().getDate() }}{{ $t('common:date:day') }}，{{ dayOfWeek }}
|
||||||
<span>{{ tabList.SysNoticeUnReadCount }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>-->
|
<div class="user-status" style="display: flex">
|
||||||
<!-- <div class="my_select_box" @click="$router.push('/trials/trials-list')">-->
|
<div class="user-status-item" @click="$router.push('/trials/trials-myinfo')"
|
||||||
<!-- <div class="my_select_box_content">-->
|
style="margin-right: 0.75rem">
|
||||||
<!-- <span class="el-icon-box" style="padding: 4px;margin: 4px;color: #6698ff"></span>-->
|
<span class="el-icon-setting" style="margin-right: 0.5rem"></span>
|
||||||
<!-- <span>{{ $t('trials:tab:trials') }}</span>-->
|
<span>{{ $t('trials:trials-myinfo:title:accountInfo') }}</span>
|
||||||
<!-- </div>-->
|
</div>
|
||||||
<!-- </div>-->
|
<div class="user-status-item" @click="$router.push('/trials/trials-notice')">
|
||||||
|
<span class="el-icon-bell" style="margin-right: 0.5rem"></span>
|
||||||
|
<span style="margin-right: 0.5rem">｜</span>
|
||||||
|
<span>{{ tabList.SysNoticeUnReadCount }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>-->
|
||||||
|
<!-- <div class="my_select_box" @click="$router.push('/trials/trials-list')">-->
|
||||||
|
<!-- <div class="my_select_box_content">-->
|
||||||
|
<!-- <span class="el-icon-box" style="padding: 4px;margin: 4px;color: #6698ff"></span>-->
|
||||||
|
<!-- <span>{{ $t('trials:tab:trials') }}</span>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<div class="menuBox">
|
||||||
<div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>
|
<div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>
|
||||||
<div class="my_select_title" style="font-size: 18px">{{ $t('trials:workbench:title:padding') }}</div>
|
<div class="my_select_title" style="font-size: 18px">{{ $t('trials:workbench:title:padding') }}</div>
|
||||||
<div class="my_select">
|
<div class="my_select">
|
||||||
<!-- PM/APM -->
|
<!-- PM/APM -->
|
||||||
<!-- 阅片期 -->
|
<!-- 阅片期 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'consistencyCheck'}" tab-data="consistencyCheck" @click="selected = 'consistencyCheck'" v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])">
|
<div class="my_select_box" :class="{ selected: selected === 'consistencyCheck' }"
|
||||||
|
tab-data="consistencyCheck" @click="selected = 'consistencyCheck'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:tab:consistencyCheck') }}</span><span style="margin:0 0.25rem">·</span><span>{{tabList.PM_CheckCount}}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:tab:consistencyCheck') }}</span><span
|
||||||
|
style="margin:0 0.25rem">·</span><span>{{ tabList.PM_CheckCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 重阅审批 -->
|
<!-- 重阅审批 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'RereadApproval'}" tab-data="RereadApproval" @click="selected = 'RereadApproval'" v-if="hasPermi(['trials:trials-workbench:rereadApproval'])">
|
<div class="my_select_box" :class="{ selected: selected === 'RereadApproval' }" tab-data="RereadApproval"
|
||||||
|
@click="selected = 'RereadApproval'" v-if="hasPermi(['trials:trials-workbench:rereadApproval'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:trials-panel:attachments:reReadingTracking') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.PM_ReReadingApprovalCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:trials-panel:attachments:reReadingTracking')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.PM_ReReadingApprovalCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 阅片人筛选 -->
|
<!-- 阅片人筛选 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'ReviewerScreen'}" tab-data="ReviewerScreen" @click="selected = 'ReviewerScreen'" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])">
|
<div class="my_select_box" :class="{ selected: selected === 'ReviewerScreen' }" tab-data="ReviewerScreen"
|
||||||
|
@click="selected = 'ReviewerScreen'" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-user" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-user" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:trials-list:PendingDetails:ReviewerSelection') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.PM_ReviewerSelectCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:trials-list:PendingDetails:ReviewerSelection')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.PM_ReviewerSelectCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 中心调研 -->
|
<!-- 中心调研 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'SiteResearch'}" tab-data="SiteResearch" @click="selected = 'SiteResearch'" v-if="hasPermi(['trials:trials-workbench:attachments:site-research'])&&!hasPermi(['role:admin'])">
|
<div class="my_select_box" :class="{ selected: selected === 'SiteResearch' }" tab-data="SiteResearch"
|
||||||
|
@click="selected = 'SiteResearch'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:attachments:site-research']) && !hasPermi(['role:admin'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-edit-outline" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-edit-outline" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:pendingSiteResearch') }}</span><span style="margin:0 0.25rem">·</span><span>{{hasPermi(['role:pm','role:apm'])? tabList.PM_SiteSurveryCount : tabList.SPM_SiteSurveryCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:pendingSiteResearch')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ hasPermi(['role:pm', 'role:apm']) ?
|
||||||
|
tabList.PM_SiteSurveryCount : tabList.SPM_SiteSurveryCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- SPM/CPM -->
|
<!-- SPM/CPM -->
|
||||||
<!-- 阅片人审批 -->
|
<!-- 阅片人审批 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'ReviewerApproval'}" tab-data="ReviewerApproval" @click="selected = 'ReviewerApproval'" v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])">
|
<div class="my_select_box" :class="{ selected: selected === 'ReviewerApproval' }"
|
||||||
|
tab-data="ReviewerApproval" @click="selected = 'ReviewerApproval'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-user" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-user" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:sysDocBeSigned:table:reviewerApproval') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SPM_ReviewerApprovalCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:sysDocBeSigned:table:reviewerApproval')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SPM_ReviewerApprovalCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 重阅审批 -->
|
<!-- 重阅审批 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'SpmRereadApproval'}" tab-data="SpmRereadApproval" @click="selected = 'SpmRereadApproval'" v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])">
|
<div class="my_select_box" :class="{ selected: selected === 'SpmRereadApproval' }"
|
||||||
|
tab-data="SpmRereadApproval" @click="selected = 'SpmRereadApproval'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:trials-panel:attachments:reReadingTracking') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SPM_ReReadingApprovalCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:trials-panel:attachments:reReadingTracking')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SPM_ReReadingApprovalCount
|
||||||
|
}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- CRC -->
|
<!-- CRC -->
|
||||||
<!-- 加急影像提交 -->
|
<!-- 加急影像提交 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'ImageSubmission'}" tab-data="ImageSubmission" @click="selected = 'ImageSubmission'" v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])">
|
<div class="my_select_box" :class="{ selected: selected === 'ImageSubmission' }"
|
||||||
|
tab-data="ImageSubmission" @click="selected = 'ImageSubmission'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-circle-check" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-circle-check" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:ExpeditedImageSubmission') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageSubmitCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:ExpeditedImageSubmission')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageSubmitCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 影像质疑 -->
|
<!-- 影像质疑 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'ImageQuestion'}" tab-data="ImageQuestion" @click="selected = 'ImageQuestion'" v-if="hasPermi(['trials:trials-workbench:imageQuestion'])">
|
<div class="my_select_box" :class="{ selected: selected === 'ImageQuestion' }" tab-data="ImageQuestion"
|
||||||
|
@click="selected = 'ImageQuestion'" v-if="hasPermi(['trials:trials-workbench:imageQuestion'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-chat-dot-square" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-chat-dot-square" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:tab:crcQuality') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageQuestionCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:tab:crcQuality') }}</span><span
|
||||||
|
style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageQuestionCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 核查质疑 -->
|
<!-- 核查质疑 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'ImageVerification'}" tab-data="ImageVerification" @click="selected = 'ImageVerification'" v-if="hasPermi(['trials:trials-workbenck:imageVerification'])">
|
<div class="my_select_box" :class="{ selected: selected === 'ImageVerification' }"
|
||||||
|
tab-data="ImageVerification" @click="selected = 'ImageVerification'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbenck:imageVerification'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-money" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-money" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:sysDocBeSigned:table:ImageCheck') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_CheckQuestionCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:sysDocBeSigned:table:ImageCheck')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_CheckQuestionCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 影像重传 -->
|
<!-- 影像重传 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'ImageReupload'}" tab-data="ImageReupload" @click="selected = 'ImageReupload'" v-if="hasPermi(['trials:trials-workbenck:imageReupload'])">
|
<div class="my_select_box" :class="{ selected: selected === 'ImageReupload' }" tab-data="ImageReupload"
|
||||||
|
@click="selected = 'ImageReupload'" v-if="hasPermi(['trials:trials-workbenck:imageReupload'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-upload" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-upload" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:ImageRetransmission') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageReUploadCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:ImageRetransmission')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.CRC_ImageReUploadCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- IQC -->
|
<!-- IQC -->
|
||||||
<!-- 影像质控 -->
|
<!-- 影像质控 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'ImageQualityControl'}" tab-data="ImageQualityControl" @click="selected = 'ImageQualityControl'" v-if="hasPermi(['trials:trials-workbenck:imageQC'])">
|
<div class="my_select_box" :class="{ selected: selected === 'ImageQualityControl' }"
|
||||||
|
tab-data="ImageQualityControl" @click="selected = 'ImageQualityControl'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbenck:imageQC'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:tab:dicomsQuality') }}<span style="margin:0 0.25rem"></span>·</span><span>{{ tabList.IQC_IamgeQCCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:tab:dicomsQuality') }}<span
|
||||||
|
style="margin:0 0.25rem"></span>·</span><span>{{ tabList.IQC_IamgeQCCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- QC质疑 -->
|
<!-- QC质疑 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'QcQuestion'}" tab-data="QcQuestion" @click="selected = 'QcQuestion'" v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])">
|
<div class="my_select_box" :class="{ selected: selected === 'QcQuestion' }" tab-data="QcQuestion"
|
||||||
|
@click="selected = 'QcQuestion'" v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-chat-dot-square" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-chat-dot-square" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:tab:qcQuality') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.IQC_QCQuestionCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:tab:qcQuality') }}</span><span
|
||||||
|
style="margin:0 0.25rem">·</span><span>{{ tabList.IQC_QCQuestionCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- IR -->
|
<!-- IR -->
|
||||||
<!-- 影像待阅 -->
|
<!-- 影像待阅 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'ImagesToRead'}" tab-data="ImagesToRead" @click="selected = 'ImagesToRead'" v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])">
|
<div class="my_select_box" :class="{ selected: selected === 'ImagesToRead' }" tab-data="ImagesToRead"
|
||||||
|
@click="selected = 'ImagesToRead'" v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-collection" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-collection" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:tab:pendingReadingTasks') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.IR_IamgeWaitReadingCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:tab:pendingReadingTasks') }}</span><span
|
||||||
|
style="margin:0 0.25rem">·</span><span>{{ tabList.IR_IamgeWaitReadingCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 医学反馈 -->
|
<!-- 医学反馈 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'MedicalFeedback'}" tab-data="MedicalFeedback" @click="selected = 'MedicalFeedback'" v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])">
|
<div class="my_select_box" :class="{ selected: selected === 'MedicalFeedback' }"
|
||||||
|
tab-data="MedicalFeedback" @click="selected = 'MedicalFeedback'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:trials-panel:tab:medicalFeedback') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.IR_MedicalReviewCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:trials-panel:tab:medicalFeedback')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.IR_MedicalReviewCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- MIM -->
|
<!-- MIM -->
|
||||||
<!-- 医学审核 -->
|
<!-- 医学审核 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'MedicalAudit'}" tab-data="MedicalAudit" @click="selected = 'MedicalAudit'" v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])">
|
<div class="my_select_box" :class="{ selected: selected === 'MedicalAudit' }" tab-data="MedicalAudit"
|
||||||
|
@click="selected = 'MedicalAudit'" v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-document-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:trials-panel:tab:pmMedicalFeedback') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.MIM_MedicalReviewCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:trials-panel:tab:pmMedicalFeedback')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.MIM_MedicalReviewCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 项目签署文件 -->
|
<!-- 项目签署文件 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'NeedSignTrialDoc'}" tab-data="NeedSignTrialDoc" @click="selected = 'NeedSignTrialDoc'" v-if="!hasPermi(['role:zys'])">
|
<div class="my_select_box" :class="{ selected: selected === 'NeedSignTrialDoc' }"
|
||||||
|
tab-data="NeedSignTrialDoc" @click="selected = 'NeedSignTrialDoc'" v-if="!hasPermi(['role:zys'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-receiving" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-receiving" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:trialDocBeSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.TrialWaitSignDocCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:trialDocBeSigned')
|
||||||
|
}}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.TrialWaitSignDocCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 系统签署文件 -->
|
<!-- 系统签署文件 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'NeedSignSysDoc'}" tab-data="NeedSignSysDoc" @click="$nextTick(() => selected = 'NeedSignSysDoc')" v-if="!hasPermi(['role:zys'])">
|
<div class="my_select_box" :class="{ selected: selected === 'NeedSignSysDoc' }" tab-data="NeedSignSysDoc"
|
||||||
|
@click="$nextTick(() => selected = 'NeedSignSysDoc')" v-if="!hasPermi(['role:zys'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-data-line" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-data-line" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:sysDocBeSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SysWaitSignDocCount }}</span>
|
<span class="my_select_box_content_text">{{ $t('trials:workbench:title:sysDocBeSigned') }}</span><span
|
||||||
|
style="margin:0 0.25rem">·</span><span>{{ tabList.SysWaitSignDocCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -230,168 +292,244 @@
|
||||||
<div class="my_select_title" style="font-size: 18px">{{ $t('trials:workbench:title:my') }}</div>
|
<div class="my_select_title" style="font-size: 18px">{{ $t('trials:workbench:title:my') }}</div>
|
||||||
<div class="my_select">
|
<div class="my_select">
|
||||||
<!-- 项目已签署文件 -->
|
<!-- 项目已签署文件 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'NeedSignedTrialDoc'}" tab-data="NeedSignedTrialDoc" @click="selected = 'NeedSignedTrialDoc'" v-if="!hasPermi(['role:zys'])">
|
<div class="my_select_box" :class="{ selected: selected === 'NeedSignedTrialDoc' }"
|
||||||
|
tab-data="NeedSignedTrialDoc" @click="selected = 'NeedSignedTrialDoc'" v-if="!hasPermi(['role:zys'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-receiving" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-receiving" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text" :title="$t('trials:workbench:title:trialDocSigned')">{{ $t('trials:workbench:title:trialDocSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.TrialSignedDocCount }}</span>
|
<span class="my_select_box_content_text" :title="$t('trials:workbench:title:trialDocSigned')">{{
|
||||||
|
$t('trials:workbench:title:trialDocSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{
|
||||||
|
tabList.TrialSignedDocCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 系统已签署文件 -->
|
<!-- 系统已签署文件 -->
|
||||||
<div class="my_select_box" :class="{selected: selected === 'NeedSignedSysDoc'}" tab-data="NeedSignedSysDoc" @click="$nextTick(() => selected = 'NeedSignedSysDoc')" v-if="!hasPermi(['role:zys'])">
|
<div class="my_select_box" :class="{ selected: selected === 'NeedSignedSysDoc' }"
|
||||||
|
tab-data="NeedSignedSysDoc" @click="$nextTick(() => selected = 'NeedSignedSysDoc')"
|
||||||
|
v-if="!hasPermi(['role:zys'])">
|
||||||
<div class="my_select_box_content">
|
<div class="my_select_box_content">
|
||||||
<span class="el-icon-data-line" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
<span class="el-icon-data-line" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
<span class="my_select_box_content_text" :title="$t('trials:workbench:title:sysDocSigned')">{{ $t('trials:workbench:title:sysDocSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{ tabList.SysSignedDocCount }}</span>
|
<span class="my_select_box_content_text" :title="$t('trials:workbench:title:sysDocSigned')">{{
|
||||||
|
$t('trials:workbench:title:sysDocSigned') }}</span><span style="margin:0 0.25rem">·</span><span>{{
|
||||||
|
tabList.SysSignedDocCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!--稽查文档-->
|
||||||
|
<template
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:updateGeneralTraining', 'trials:trials-workbench:viewGeneralTraining', 'trials:trials-workbench:updateAuditDocument', 'trials:trials-workbench:viewAuditDocument'])">
|
||||||
|
<div class="thy-divider" style="border-top: 1px solid #eee;margin: 0;"></div>
|
||||||
|
<div class="my_select_title" style="font-size: 18px">{{ $t('trials:workbench:title:auditDocument') }}
|
||||||
|
</div>
|
||||||
|
<div class="my_select">
|
||||||
|
<!-- 通用培训管理 -->
|
||||||
|
<div class="my_select_box" :class="{ selected: selected === 'viewGeneralTraining' }"
|
||||||
|
tab-data="viewGeneralTraining" @click="selected = 'viewGeneralTraining'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:viewGeneralTraining'])">
|
||||||
|
<div class="my_select_box_content">
|
||||||
|
<span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
|
<span class="my_select_box_content_text">{{ $t('trials:tab:viewGeneralTraining') }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 稽查文档 -->
|
||||||
|
<div class="my_select_box" :class="{ selected: selected === 'viewAuditDocument' }"
|
||||||
|
tab-data="viewAuditDocument" @click="selected = 'viewAuditDocument'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:viewAuditDocument'])">
|
||||||
|
<div class="my_select_box_content">
|
||||||
|
<span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
|
<span class="my_select_box_content_text">{{ $t('trials:tab:viewAuditDocument') }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 培训课程管理 -->
|
||||||
|
<div class="my_select_box" :class="{ selected: selected === 'updateGeneralTraining' }"
|
||||||
|
tab-data="updateGeneralTraining" @click="selected = 'updateGeneralTraining'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:updateGeneralTraining'])">
|
||||||
|
<div class="my_select_box_content">
|
||||||
|
<span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
|
<span class="my_select_box_content_text">{{ $t('trials:tab:updateGeneralTraining') }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 稽查文档管理 -->
|
||||||
|
<div class="my_select_box" :class="{ selected: selected === 'updateAuditDocument' }"
|
||||||
|
tab-data="updateAuditDocument" @click="selected = 'updateAuditDocument'"
|
||||||
|
v-if="hasPermi(['trials:trials-workbench:updateAuditDocument'])">
|
||||||
|
<div class="my_select_box_content">
|
||||||
|
<span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
|
||||||
|
<span class="my_select_box_content_text">{{ $t('trials:tab:updateAuditDocument') }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: auto;flex:1;padding: 0 20px">
|
|
||||||
<!-- 加急影像提交 -->
|
|
||||||
<ImageSubmission v-if="selected === 'ImageSubmission'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- PM/APM -->
|
|
||||||
<!-- 阅片期 -->
|
|
||||||
<!-- <el-tab-pane name="clinicalDataPM" v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])" :label="`${$t('trials:crcUpload:label:clinicalData')} (${tabList.PM_ClinicalDataCount})`">-->
|
|
||||||
<!-- <clinicalDataPM v-if="activeName === 'clinicalDataPM'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<consistencyCheck v-if="selected === 'consistencyCheck'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- 重阅审批 -->
|
|
||||||
<RereadApproval v-if="selected === 'RereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- 阅片人筛选 -->
|
|
||||||
<ReviewerScreen v-if="selected === 'ReviewerScreen'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- 中心调研 -->
|
|
||||||
<SiteResearch v-if="selected === 'SiteResearch'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- SPM/CPM -->
|
|
||||||
<!-- 阅片人审批 -->
|
|
||||||
<ReviewerApproval v-if="selected === 'ReviewerApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- 重阅审批 -->
|
|
||||||
<SpmRereadApproval v-if="selected === 'SpmRereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- CRC -->
|
|
||||||
<!-- 临床数据录入 -->
|
|
||||||
<!-- <clinicalData v-if="selected === 'clinicalData'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- 临床数据确认 -->
|
|
||||||
<!-- <clinicalDataConfirm v-if="selected === 'clinicalDataConfirm'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- 影像质疑 -->
|
|
||||||
<ImageQuestion v-if="selected === 'ImageQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- 核查质疑 -->
|
|
||||||
<ImageVerification v-if="selected === 'ImageVerification'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- 影像重传 -->
|
|
||||||
<ImageReupload v-if="selected === 'ImageReupload'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- IQC -->
|
|
||||||
<!-- 影像质控 -->
|
|
||||||
<ImageQualityControl v-if="selected === 'ImageQualityControl'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- QC质疑 -->
|
|
||||||
<QcQuestion v-if="selected === 'QcQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0" />
|
|
||||||
<!-- IR -->
|
|
||||||
<!-- 影像待阅 -->
|
|
||||||
<ImagesToRead v-if="selected === 'ImagesToRead'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- 医学反馈 -->
|
|
||||||
<MedicalFeedback v-if="selected === 'MedicalFeedback'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- MIM -->
|
|
||||||
<!-- 医学审核 -->
|
|
||||||
<MedicalAudit v-if="selected === 'MedicalAudit'" :trial-id-list="trialIdList" :is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
|
||||||
<!-- 项目签署文件 -->
|
|
||||||
<NeedSignTrialDoc v-if="selected === 'NeedSignTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />
|
|
||||||
<!-- 系统签署文件 -->
|
|
||||||
<NeedSignSysDoc v-if="selected === 'NeedSignSysDoc'" @refreshStats="refreshSysData" />
|
|
||||||
<!-- 项目签署文件 -->
|
|
||||||
<NeedSignedTrialDoc v-if="selected === 'NeedSignedTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />
|
|
||||||
<!-- 系统签署文件 -->
|
|
||||||
<NeedSignedSysDoc v-if="selected === 'NeedSignedSysDoc'" :is-signed="true" @refreshStats="refreshStats" />
|
|
||||||
</div>
|
|
||||||
<!-- <div v-show="false" style="height: 100%;position: relative">-->
|
|
||||||
<!-- <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
|
|
||||||
<!-- {{ $t('trials:workbench:label:pendingTasksStats') }} ({{tabList.TotalCount}})-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <el-tabs v-model="activeName" style="height: 100%" tab-position="left">-->
|
|
||||||
<!-- <!– PM/APM –>-->
|
|
||||||
<!-- <!– 阅片期 –>-->
|
|
||||||
<!--<!– <el-tab-pane name="clinicalDataPM" v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])" :label="`${$t('trials:crcUpload:label:clinicalData')} (${tabList.PM_ClinicalDataCount})`">–>-->
|
|
||||||
<!--<!– <clinicalDataPM v-if="activeName === 'clinicalDataPM'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />–>-->
|
|
||||||
<!--<!– </el-tab-pane>–>-->
|
|
||||||
<!-- <el-tab-pane name="consistencyCheck" v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])" :label="`${$t('trials:tab:consistencyCheck')} (${tabList.PM_CheckCount})`">-->
|
|
||||||
<!-- <consistencyCheck v-if="activeName === 'consistencyCheck'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!--<!– 重阅审批 –>-->
|
|
||||||
<!-- <el-tab-pane name="RereadApproval" v-if="hasPermi(['trials:trials-workbench:rereadApproval'])" :label="`${$t('trials:trials-panel:attachments:reReadingTracking')} (${tabList.PM_ReReadingApprovalCount})`">-->
|
|
||||||
<!-- <RereadApproval v-if="activeName === 'RereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!--<!– 阅片人筛选 –>-->
|
|
||||||
<!-- <el-tab-pane name="ReviewerScreen" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" :label="`${$t('trials:trials-list:PendingDetails:ReviewerSelection')} (${tabList.PM_ReviewerSelectCount})`">-->
|
|
||||||
<!-- <ReviewerScreen v-if="activeName === 'ReviewerScreen'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!--<!– 中心调研 –>-->
|
|
||||||
<!-- <el-tab-pane name="SiteResearch" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" :label="`${$t('trials:workbench:title:pendingSiteResearch')} (${tabList.PM_SiteSurveryCount})`">-->
|
|
||||||
<!-- <SiteResearch v-if="activeName === 'SiteResearch'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!--<!– SPM/CPM –>-->
|
|
||||||
<!--<!– 阅片人审批 –>-->
|
|
||||||
<!-- <el-tab-pane name="ReviewerApproval" v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])" :label="`${$t('trials:sysDocBeSigned:table:reviewerApproval')} (${tabList.SPM_ReviewerApprovalCount})`">-->
|
|
||||||
<!-- <ReviewerApproval v-if="activeName === 'ReviewerApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!--<!– 重阅审批 –>-->
|
|
||||||
<!-- <el-tab-pane name="SpmRereadApproval" v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])" :label="`${$t('trials:trials-panel:attachments:reReadingTracking')} (${tabList.SPM_ReReadingApprovalCount})`">-->
|
|
||||||
<!-- <SpmRereadApproval v-if="activeName === 'SpmRereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!--<!– CRC –>-->
|
|
||||||
<!--<!– 临床数据录入 –>-->
|
|
||||||
<!-- <el-tab-pane name="clinicalData" v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" :label="`${$t('trials:workbench:title:ClinicalDataEnter')} (${tabList.CRC_ClinicalDataTobeDoneCount})`">-->
|
|
||||||
<!-- <clinicalData v-if="activeName === 'clinicalData'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!--<!– 临床数据确认 –>-->
|
|
||||||
<!-- <el-tab-pane name="consistencyCheck" v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" :label="`${$t('trials:audit:tab:clinicalDataconfirm')} (${tabList.CRC_ClinialDataTobeConfirmCount})`">-->
|
|
||||||
<!-- <clinicalDataConfirm v-if="activeName === 'clinicalDataConfirm'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– 影像质疑 –>-->
|
|
||||||
<!-- <el-tab-pane name="ImageQuestion" v-if="hasPermi(['trials:trials-workbench:imageQuestion'])" :label="`${$t('trials:tab:crcQuality')} (${tabList.CRC_ImageQuestionCount})`">-->
|
|
||||||
<!-- <ImageQuestion v-if="activeName === 'ImageQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– 核查质疑 –>-->
|
|
||||||
<!-- <el-tab-pane name="ImageVerification" v-if="hasPermi(['trials:trials-workbenck:imageVerification'])" :label="`${$t('trials:sysDocBeSigned:table:ImageCheck')} (${tabList.CRC_CheckQuestionCount})`">-->
|
|
||||||
<!-- <ImageVerification v-if="activeName === 'ImageVerification'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– 影像重传 –>-->
|
|
||||||
<!-- <el-tab-pane name="ImageReupload" v-if="hasPermi(['trials:trials-workbenck:imageReupload'])" :label="`${$t('trials:workbench:title:ImageRetransmission')} (${tabList.CRC_ImageReUploadCount})`">-->
|
|
||||||
<!-- <ImageReupload v-if="activeName === 'ImageReupload'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– 加急影像提交 –>-->
|
|
||||||
<!-- <el-tab-pane name="ImageSubmission" v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])" :label="`${$t('trials:workbench:title:ExpeditedImageSubmission')} (${tabList.CRC_ImageSubmitCount})`">-->
|
|
||||||
<!-- <ImageSubmission v-if="activeName === 'ImageSubmission'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– IQC –>-->
|
|
||||||
<!-- <!– 影像质控 –>-->
|
|
||||||
<!-- <el-tab-pane name="ImageQualityControl" v-if="hasPermi(['trials:trials-workbenck:imageQC'])" :label="`${$t('trials:tab:dicomsQuality')} (${tabList.IQC_IamgeQCCount})`">-->
|
|
||||||
<!-- <ImageQualityControl v-if="activeName === 'ImageQualityControl'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– QC质疑 –>-->
|
|
||||||
<!-- <el-tab-pane name="QcQuestion" v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])" :label="`${$t('trials:tab:qcQuality')} (${tabList.IQC_QCQuestionCount})`">-->
|
|
||||||
<!-- <QcQuestion v-if="activeName === 'QcQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– IR –>-->
|
|
||||||
<!-- <!– 影像待阅 –>-->
|
|
||||||
<!-- <el-tab-pane name="ImagesToRead" v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])" :label="`${$t('trials:tab:pendingReadingTasks')} (${tabList.IR_IamgeWaitReadingCount})`">-->
|
|
||||||
<!-- <ImagesToRead v-if="activeName === 'ImagesToRead'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– 医学反馈 –>-->
|
|
||||||
<!-- <el-tab-pane name="MedicalFeedback" v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])" :label="`${$t('trials:trials-panel:tab:medicalFeedback')} (${tabList.IR_MedicalReviewCount})`">-->
|
|
||||||
<!-- <MedicalFeedback v-if="activeName === 'MedicalFeedback'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– MIM –>-->
|
|
||||||
<!-- <!– 医学审核 –>-->
|
|
||||||
<!-- <el-tab-pane name="MedicalAudit" v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])" :label="`${$t('trials:trials-panel:tab:pmMedicalFeedback')} (${tabList.MIM_MedicalReviewCount})`">-->
|
|
||||||
<!-- <MedicalAudit v-if="activeName === 'MedicalAudit'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– 项目签署文件 –>-->
|
|
||||||
<!-- <el-tab-pane name="NeedSignTrialDoc" v-if="!hasPermi(['role:zys'])" :label="`${$t('trials:workbench:title:trialDocBeSigned')} (${tabList.TrialWaitSignDocCount})`">-->
|
|
||||||
<!-- <NeedSignTrialDoc v-if="activeName === 'NeedSignTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- <!– 系统签署文件 –>-->
|
|
||||||
<!-- <el-tab-pane name="NeedSignSysDoc" v-if="!hasPermi(['role:zys'])" :label="`${$t('trials:workbench:title:sysDocBeSigned')} (${tabList.SysWaitSignDocCount})`">-->
|
|
||||||
<!-- <NeedSignSysDoc v-if="activeName === 'NeedSignSysDoc'" @refreshStats="refreshStats" />-->
|
|
||||||
<!-- </el-tab-pane>-->
|
|
||||||
<!-- </el-tabs>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
</div>
|
||||||
|
<div style="width: auto;flex:1;padding: 0 20px">
|
||||||
|
<!-- 加急影像提交 -->
|
||||||
|
<ImageSubmission v-if="selected === 'ImageSubmission'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- PM/APM -->
|
||||||
|
<!-- 阅片期 -->
|
||||||
|
<!-- <el-tab-pane name="clinicalDataPM" v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])" :label="`${$t('trials:crcUpload:label:clinicalData')} (${tabList.PM_ClinicalDataCount})`">-->
|
||||||
|
<!-- <clinicalDataPM v-if="activeName === 'clinicalDataPM'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<consistencyCheck v-if="selected === 'consistencyCheck'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- 重阅审批 -->
|
||||||
|
<RereadApproval v-if="selected === 'RereadApproval'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- 阅片人筛选 -->
|
||||||
|
<ReviewerScreen v-if="selected === 'ReviewerScreen'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- 中心调研 -->
|
||||||
|
<SiteResearch v-if="selected === 'SiteResearch'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- SPM/CPM -->
|
||||||
|
<!-- 阅片人审批 -->
|
||||||
|
<ReviewerApproval v-if="selected === 'ReviewerApproval'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- 重阅审批 -->
|
||||||
|
<SpmRereadApproval v-if="selected === 'SpmRereadApproval'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- CRC -->
|
||||||
|
<!-- 临床数据录入 -->
|
||||||
|
<!-- <clinicalData v-if="selected === 'clinicalData'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- 临床数据确认 -->
|
||||||
|
<!-- <clinicalDataConfirm v-if="selected === 'clinicalDataConfirm'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- 影像质疑 -->
|
||||||
|
<ImageQuestion v-if="selected === 'ImageQuestion'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- 核查质疑 -->
|
||||||
|
<ImageVerification v-if="selected === 'ImageVerification'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- 影像重传 -->
|
||||||
|
<ImageReupload v-if="selected === 'ImageReupload'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- IQC -->
|
||||||
|
<!-- 影像质控 -->
|
||||||
|
<ImageQualityControl v-if="selected === 'ImageQualityControl'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- QC质疑 -->
|
||||||
|
<QcQuestion v-if="selected === 'QcQuestion'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0" />
|
||||||
|
<!-- IR -->
|
||||||
|
<!-- 影像待阅 -->
|
||||||
|
<ImagesToRead v-if="selected === 'ImagesToRead'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- 医学反馈 -->
|
||||||
|
<MedicalFeedback v-if="selected === 'MedicalFeedback'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- MIM -->
|
||||||
|
<!-- 医学审核 -->
|
||||||
|
<MedicalAudit v-if="selected === 'MedicalAudit'" :trial-id-list="trialIdList"
|
||||||
|
:is-sign-system-doc="tabList.SysWaitSignDocCount > 0 && !isTestUser" />
|
||||||
|
<!-- 项目签署文件 -->
|
||||||
|
<NeedSignTrialDoc v-if="selected === 'NeedSignTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />
|
||||||
|
<!-- 系统签署文件 -->
|
||||||
|
<NeedSignSysDoc v-if="selected === 'NeedSignSysDoc'" @refreshStats="refreshSysData" />
|
||||||
|
<!-- 项目签署文件 -->
|
||||||
|
<NeedSignedTrialDoc v-if="selected === 'NeedSignedTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />
|
||||||
|
<!-- 系统签署文件 -->
|
||||||
|
<NeedSignedSysDoc v-if="selected === 'NeedSignedSysDoc'" :is-signed="true" @refreshStats="refreshStats" />
|
||||||
|
<!--通用培训记录-->
|
||||||
|
<generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" />
|
||||||
|
<!--稽查文档-->
|
||||||
|
<auditDocument v-if="selected === 'viewAuditDocument'" :isManage="false" />
|
||||||
|
<!--培训课程管理-->
|
||||||
|
<generalTraining v-if="selected === 'updateGeneralTraining'" :isManage="true" />
|
||||||
|
<!--稽查文档管理-->
|
||||||
|
<auditDocument v-if="selected === 'updateAuditDocument'" :isManage="true" />
|
||||||
|
</div>
|
||||||
|
<!-- <div v-show="false" style="height: 100%;position: relative">-->
|
||||||
|
<!-- <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
|
||||||
|
<!-- {{ $t('trials:workbench:label:pendingTasksStats') }} ({{tabList.TotalCount}})-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <el-tabs v-model="activeName" style="height: 100%" tab-position="left">-->
|
||||||
|
<!-- <!– PM/APM –>-->
|
||||||
|
<!-- <!– 阅片期 –>-->
|
||||||
|
<!--<!– <el-tab-pane name="clinicalDataPM" v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])" :label="`${$t('trials:crcUpload:label:clinicalData')} (${tabList.PM_ClinicalDataCount})`">–>-->
|
||||||
|
<!--<!– <clinicalDataPM v-if="activeName === 'clinicalDataPM'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />–>-->
|
||||||
|
<!--<!– </el-tab-pane>–>-->
|
||||||
|
<!-- <el-tab-pane name="consistencyCheck" v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])" :label="`${$t('trials:tab:consistencyCheck')} (${tabList.PM_CheckCount})`">-->
|
||||||
|
<!-- <consistencyCheck v-if="activeName === 'consistencyCheck'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!--<!– 重阅审批 –>-->
|
||||||
|
<!-- <el-tab-pane name="RereadApproval" v-if="hasPermi(['trials:trials-workbench:rereadApproval'])" :label="`${$t('trials:trials-panel:attachments:reReadingTracking')} (${tabList.PM_ReReadingApprovalCount})`">-->
|
||||||
|
<!-- <RereadApproval v-if="activeName === 'RereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!--<!– 阅片人筛选 –>-->
|
||||||
|
<!-- <el-tab-pane name="ReviewerScreen" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" :label="`${$t('trials:trials-list:PendingDetails:ReviewerSelection')} (${tabList.PM_ReviewerSelectCount})`">-->
|
||||||
|
<!-- <ReviewerScreen v-if="activeName === 'ReviewerScreen'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!--<!– 中心调研 –>-->
|
||||||
|
<!-- <el-tab-pane name="SiteResearch" v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" :label="`${$t('trials:workbench:title:pendingSiteResearch')} (${tabList.PM_SiteSurveryCount})`">-->
|
||||||
|
<!-- <SiteResearch v-if="activeName === 'SiteResearch'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!--<!– SPM/CPM –>-->
|
||||||
|
<!--<!– 阅片人审批 –>-->
|
||||||
|
<!-- <el-tab-pane name="ReviewerApproval" v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])" :label="`${$t('trials:sysDocBeSigned:table:reviewerApproval')} (${tabList.SPM_ReviewerApprovalCount})`">-->
|
||||||
|
<!-- <ReviewerApproval v-if="activeName === 'ReviewerApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!--<!– 重阅审批 –>-->
|
||||||
|
<!-- <el-tab-pane name="SpmRereadApproval" v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])" :label="`${$t('trials:trials-panel:attachments:reReadingTracking')} (${tabList.SPM_ReReadingApprovalCount})`">-->
|
||||||
|
<!-- <SpmRereadApproval v-if="activeName === 'SpmRereadApproval'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!--<!– CRC –>-->
|
||||||
|
<!--<!– 临床数据录入 –>-->
|
||||||
|
<!-- <el-tab-pane name="clinicalData" v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" :label="`${$t('trials:workbench:title:ClinicalDataEnter')} (${tabList.CRC_ClinicalDataTobeDoneCount})`">-->
|
||||||
|
<!-- <clinicalData v-if="activeName === 'clinicalData'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!--<!– 临床数据确认 –>-->
|
||||||
|
<!-- <el-tab-pane name="consistencyCheck" v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" :label="`${$t('trials:audit:tab:clinicalDataconfirm')} (${tabList.CRC_ClinialDataTobeConfirmCount})`">-->
|
||||||
|
<!-- <clinicalDataConfirm v-if="activeName === 'clinicalDataConfirm'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– 影像质疑 –>-->
|
||||||
|
<!-- <el-tab-pane name="ImageQuestion" v-if="hasPermi(['trials:trials-workbench:imageQuestion'])" :label="`${$t('trials:tab:crcQuality')} (${tabList.CRC_ImageQuestionCount})`">-->
|
||||||
|
<!-- <ImageQuestion v-if="activeName === 'ImageQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– 核查质疑 –>-->
|
||||||
|
<!-- <el-tab-pane name="ImageVerification" v-if="hasPermi(['trials:trials-workbenck:imageVerification'])" :label="`${$t('trials:sysDocBeSigned:table:ImageCheck')} (${tabList.CRC_CheckQuestionCount})`">-->
|
||||||
|
<!-- <ImageVerification v-if="activeName === 'ImageVerification'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– 影像重传 –>-->
|
||||||
|
<!-- <el-tab-pane name="ImageReupload" v-if="hasPermi(['trials:trials-workbenck:imageReupload'])" :label="`${$t('trials:workbench:title:ImageRetransmission')} (${tabList.CRC_ImageReUploadCount})`">-->
|
||||||
|
<!-- <ImageReupload v-if="activeName === 'ImageReupload'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– 加急影像提交 –>-->
|
||||||
|
<!-- <el-tab-pane name="ImageSubmission" v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])" :label="`${$t('trials:workbench:title:ExpeditedImageSubmission')} (${tabList.CRC_ImageSubmitCount})`">-->
|
||||||
|
<!-- <ImageSubmission v-if="activeName === 'ImageSubmission'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– IQC –>-->
|
||||||
|
<!-- <!– 影像质控 –>-->
|
||||||
|
<!-- <el-tab-pane name="ImageQualityControl" v-if="hasPermi(['trials:trials-workbenck:imageQC'])" :label="`${$t('trials:tab:dicomsQuality')} (${tabList.IQC_IamgeQCCount})`">-->
|
||||||
|
<!-- <ImageQualityControl v-if="activeName === 'ImageQualityControl'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– QC质疑 –>-->
|
||||||
|
<!-- <el-tab-pane name="QcQuestion" v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])" :label="`${$t('trials:tab:qcQuality')} (${tabList.IQC_QCQuestionCount})`">-->
|
||||||
|
<!-- <QcQuestion v-if="activeName === 'QcQuestion'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– IR –>-->
|
||||||
|
<!-- <!– 影像待阅 –>-->
|
||||||
|
<!-- <el-tab-pane name="ImagesToRead" v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])" :label="`${$t('trials:tab:pendingReadingTasks')} (${tabList.IR_IamgeWaitReadingCount})`">-->
|
||||||
|
<!-- <ImagesToRead v-if="activeName === 'ImagesToRead'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– 医学反馈 –>-->
|
||||||
|
<!-- <el-tab-pane name="MedicalFeedback" v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])" :label="`${$t('trials:trials-panel:tab:medicalFeedback')} (${tabList.IR_MedicalReviewCount})`">-->
|
||||||
|
<!-- <MedicalFeedback v-if="activeName === 'MedicalFeedback'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– MIM –>-->
|
||||||
|
<!-- <!– 医学审核 –>-->
|
||||||
|
<!-- <el-tab-pane name="MedicalAudit" v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])" :label="`${$t('trials:trials-panel:tab:pmMedicalFeedback')} (${tabList.MIM_MedicalReviewCount})`">-->
|
||||||
|
<!-- <MedicalAudit v-if="activeName === 'MedicalAudit'" :trial-id-list="trialIdList" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– 项目签署文件 –>-->
|
||||||
|
<!-- <el-tab-pane name="NeedSignTrialDoc" v-if="!hasPermi(['role:zys'])" :label="`${$t('trials:workbench:title:trialDocBeSigned')} (${tabList.TrialWaitSignDocCount})`">-->
|
||||||
|
<!-- <NeedSignTrialDoc v-if="activeName === 'NeedSignTrialDoc'" :is-sign-system-doc="isSignSystemDoc" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- <!– 系统签署文件 –>-->
|
||||||
|
<!-- <el-tab-pane name="NeedSignSysDoc" v-if="!hasPermi(['role:zys'])" :label="`${$t('trials:workbench:title:sysDocBeSigned')} (${tabList.SysWaitSignDocCount})`">-->
|
||||||
|
<!-- <NeedSignSysDoc v-if="activeName === 'NeedSignSysDoc'" @refreshStats="refreshStats" />-->
|
||||||
|
<!-- </el-tab-pane>-->
|
||||||
|
<!-- </el-tabs>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -419,16 +557,20 @@ import ImagesToRead from './components/imagesToRead'
|
||||||
import MedicalFeedback from './components/medicalFeedback'
|
import MedicalFeedback from './components/medicalFeedback'
|
||||||
import MedicalAudit from './components/medicalAudit'
|
import MedicalAudit from './components/medicalAudit'
|
||||||
import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
|
import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
|
||||||
|
import auditDocument from "./components/auditDocument"
|
||||||
|
import generalTraining from "./components/generalTraining"
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import './index.css'
|
import './index.css'
|
||||||
|
|
||||||
import {getUserTobeDoneRecord, getNeedSignTrialDocTrialIdList,getWaitSignSysDocList, getTrialSignDocumentList} from '@/api/trials'
|
import { getUserTobeDoneRecord, getNeedSignTrialDocTrialIdList } from '@/api/trials'
|
||||||
import { getUser } from '@/api/admin'
|
import { getUser } from '@/api/admin'
|
||||||
import {mapGetters, mapState} from "vuex";
|
import { mapGetters, mapState } from "vuex";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'WorkBench',
|
name: 'WorkBench',
|
||||||
components: {
|
components: {
|
||||||
|
auditDocument,
|
||||||
|
generalTraining,
|
||||||
clinicalDataConfirm,
|
clinicalDataConfirm,
|
||||||
clinicalDataPM,
|
clinicalDataPM,
|
||||||
PanelCount,
|
PanelCount,
|
||||||
|
|
@ -477,14 +619,14 @@ export default {
|
||||||
const days = [this.$t('common:date:Sunday'), this.$t('common:date:Monday'), this.$t('common:date:Tuesday'), this.$t('common:date:Wednesday'), this.$t('common:date:Thursday'), this.$t('common:date:Friday'), this.$t('common:date:Saturday')];
|
const days = [this.$t('common:date:Sunday'), this.$t('common:date:Monday'), this.$t('common:date:Tuesday'), this.$t('common:date:Wednesday'), this.$t('common:date:Thursday'), this.$t('common:date:Friday'), this.$t('common:date:Saturday')];
|
||||||
const date = new Date();
|
const date = new Date();
|
||||||
this.dayOfWeek = days[date.getDay()];
|
this.dayOfWeek = days[date.getDay()];
|
||||||
let date2=(new Date()).getHours();
|
let date2 = (new Date()).getHours();
|
||||||
let hoursTip = "";
|
let hoursTip = "";
|
||||||
if(date2>=6&&date2<12){
|
if (date2 >= 6 && date2 < 12) {
|
||||||
hoursTip= this.$t('common:date:good morning')
|
hoursTip = this.$t('common:date:good morning')
|
||||||
}else if(date2>=12&&date2<18){
|
} else if (date2 >= 12 && date2 < 18) {
|
||||||
hoursTip=this.$t('common:date:good afternoon')
|
hoursTip = this.$t('common:date:good afternoon')
|
||||||
}else{
|
} else {
|
||||||
hoursTip=this.$t('common:date:good evening')
|
hoursTip = this.$t('common:date:good evening')
|
||||||
}
|
}
|
||||||
this.hoursTip = hoursTip
|
this.hoursTip = hoursTip
|
||||||
this.$EventBus.$on("reload", (data) => {
|
this.$EventBus.$on("reload", (data) => {
|
||||||
|
|
@ -521,7 +663,7 @@ export default {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
refreshSysData(){
|
refreshSysData() {
|
||||||
// this.tabList.SysWaitSignDocCount = this.tabList.SysWaitSignDocCount - 1
|
// this.tabList.SysWaitSignDocCount = this.tabList.SysWaitSignDocCount - 1
|
||||||
// this.tabList.SysSignedDocCount = this.tabList.SysWaitSignDocCount + 1
|
// this.tabList.SysSignedDocCount = this.tabList.SysWaitSignDocCount + 1
|
||||||
// store.dispatch('user/setTotalNeedSignSystemDocCount', this.tabList.SysWaitSignDocCount)
|
// store.dispatch('user/setTotalNeedSignSystemDocCount', this.tabList.SysWaitSignDocCount)
|
||||||
|
|
@ -539,7 +681,26 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss" scoped>
|
||||||
|
.menuBox {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 150px);
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
//display: none; /* Chrome Safari */
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
background-color: #e4e4e4;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #a1a3a9;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.workbench-container {
|
.workbench-container {
|
||||||
.el-tabs__nav {
|
.el-tabs__nav {
|
||||||
transform: translateY(60px) !important;
|
transform: translateY(60px) !important;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue