稽查文档管理
continuous-integration/drone/push Build is failing
Details
continuous-integration/drone/push Build is failing
Details
parent
e3ad114207
commit
662cc93d85
|
|
@ -56,7 +56,6 @@
|
|||
"pdfobject": "^2.3.0",
|
||||
"qrcodejs2": "^0.0.2",
|
||||
"screenfull": "^6.0.2",
|
||||
"sortablejs": "^1.15.5",
|
||||
"streamsaver": "^2.0.6",
|
||||
"svg-sprite-loader": "^4.1.3",
|
||||
"svgo": "^1.2.2",
|
||||
|
|
|
|||
|
|
@ -3995,3 +3995,35 @@ export function deleteTrialFileType(id) {
|
|||
})
|
||||
}
|
||||
|
||||
// 工作台-获取稽查文档
|
||||
export function getAuditDocumentData(data) {
|
||||
return request({
|
||||
url: `/AuditDocument/getAuditDocumentData`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 工作台-新增稽查文档
|
||||
export function addAuditDocument(data) {
|
||||
return request({
|
||||
url: `/AuditDocument/addAuditDocument`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 工作台-获取当前目录层级
|
||||
export function getBreadcrumbData(data) {
|
||||
return request({
|
||||
url: `/AuditDocument/getBreadcrumbData`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 工作台-修改稽查文档
|
||||
export function updateAuditDocument(data) {
|
||||
return request({
|
||||
url: `/AuditDocument/updateAuditDocument`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
|
|
@ -10,43 +10,20 @@
|
|||
)
|
||||
}}</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="
|
||||
<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)"
|
||||
/>
|
||||
<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>
|
||||
|
|
@ -54,30 +31,14 @@
|
|||
</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 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="name" :label="$t('trials:trialDocument:table:fileName')" min-width="100" />
|
||||
<!-- 文件大小 -->
|
||||
<el-table-column
|
||||
prop="size"
|
||||
:label="$t('trials:trialDocument:table:fileSize')"
|
||||
>
|
||||
<el-table-column prop="size" :label="$t('trials:trialDocument:table:fileSize')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
scope.row.size && scope.row.size > 0
|
||||
|
|
@ -87,49 +48,27 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
<!-- 文件类型 -->
|
||||
<el-table-column
|
||||
prop="type"
|
||||
:label="$t('trials:trialDocument:table:fileType')"
|
||||
/>
|
||||
<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"
|
||||
>
|
||||
<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 :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
|
||||
>
|
||||
<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
|
||||
"
|
||||
/>
|
||||
<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)"
|
||||
/>
|
||||
<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>
|
||||
|
|
@ -139,13 +78,8 @@
|
|||
<span style="margin-right: 10px">{{
|
||||
$store.state.trials.uploadTip
|
||||
}}</span>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:disabled="selectArr.length == 0"
|
||||
:loading="loading"
|
||||
@click="beginUpload"
|
||||
>
|
||||
<el-button size="small" type="primary" :disabled="selectArr.length == 0" :loading="loading"
|
||||
@click="beginUpload">
|
||||
{{ $t('trials:trialDocument:action:upload') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
|
@ -265,11 +199,11 @@ export default {
|
|||
type: extendName.split('.')[1],
|
||||
status: 0,
|
||||
file: files[i],
|
||||
id: `${files[i].lastModified}${
|
||||
files[i].name
|
||||
}${new Date().getTime()}${i + 1}`,
|
||||
id: `${files[i].lastModified}${files[i].name
|
||||
}${new Date().getTime()}${i + 1}`,
|
||||
fileType: files[i].type,
|
||||
uploadFileSize: 0,
|
||||
webkitRelativePath: files[i].webkitRelativePath
|
||||
}
|
||||
this.fileList.push(obj)
|
||||
this.$refs.filesTable.toggleRowSelection(obj, true)
|
||||
|
|
@ -300,7 +234,7 @@ export default {
|
|||
)
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
.catch(() => { })
|
||||
},
|
||||
// 开始上传文件
|
||||
async beginUpload() {
|
||||
|
|
@ -348,7 +282,8 @@ export default {
|
|||
FileName: file.name,
|
||||
FilePath: this.$getObjectName(res.url),
|
||||
FileSize: file.size,
|
||||
FileFormat: fileType,
|
||||
FileFormat: fileType.split('.')[1],
|
||||
catalogue: file.webkitRelativePath
|
||||
})
|
||||
let flag = arr.every((item) => item.status === 2)
|
||||
if (flag) {
|
||||
|
|
@ -431,7 +366,6 @@ export default {
|
|||
} else {
|
||||
this.fileInput.accept = this.faccept.join(',')
|
||||
}
|
||||
console.log(this.fileInput)
|
||||
this.fileInput.click()
|
||||
},
|
||||
},
|
||||
|
|
@ -481,6 +415,7 @@ export default {
|
|||
background: #428bca;
|
||||
border-color: #428bca;
|
||||
color: #fff;
|
||||
|
||||
.select-file {
|
||||
height: 30px;
|
||||
width: 90px;
|
||||
|
|
@ -491,6 +426,7 @@ export default {
|
|||
opacity: 0;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.btn-select {
|
||||
//给显示在页面上的按钮写样式
|
||||
width: 90px;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<template>
|
||||
<div id="contextmenu" class="contextmenu" v-show="visible">
|
||||
<div id="contextmenu" class="contextmenu" v-show="visible" :style="{
|
||||
'z-index': zIndex
|
||||
}">
|
||||
|
||||
<div class="contextmenu__item" @click="handleMenu('open')" v-show="checkList.length <= 1">
|
||||
<i class="icon el-icon-right icon_open" />
|
||||
|
|
@ -9,28 +11,47 @@
|
|||
<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>
|
||||
<template v-if="type === 'file'">
|
||||
<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>
|
||||
</template>
|
||||
<template v-if="checkList.length <= 1 && type === 'file'">
|
||||
<div class="line"></div>
|
||||
<div class="contextmenu__item" @click="handleMenu('Stats')">
|
||||
<i class="icon el-icon-warning-outline icon_Stats" />
|
||||
<span>{{ $t('trials:trials-workbench:auditDocument:menu:Stats') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="type === 'version' || type === 'c_version'">
|
||||
<div class="line"></div>
|
||||
<div class="contextmenu__item" @click="handleMenu('setVersion')" v-if="type === 'version'">
|
||||
<i class="icon el-icon-document-checked icon_Stats" />
|
||||
<span>{{ $t('trials:trials-workbench:auditDocument:menu:setVersion') }}</span>
|
||||
</div>
|
||||
<div class="contextmenu__item" @click="handleMenu('delVersion')">
|
||||
<i class="icon el-icon-delete icon_Stats" />
|
||||
<span>{{ $t('trials:trials-workbench:auditDocument:menu:delVersion') }}</span>
|
||||
</div>
|
||||
<div class="contextmenu__item" @click="handleMenu('delAllVersion')">
|
||||
<i class="icon el-icon-delete-solid icon_Stats" />
|
||||
<span>{{ $t('trials:trials-workbench:auditDocument:menu:delAllVersion') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -43,15 +64,19 @@ export default {
|
|||
default: () => {
|
||||
return []
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
visible: false
|
||||
visible: false,
|
||||
type: 'file',
|
||||
zIndex: 9
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(row, column, event) {
|
||||
init(event, row, type, zIndex = 9) {
|
||||
this.type = type
|
||||
this.zIndex = zIndex
|
||||
// 设置菜单出现的位置
|
||||
// 具体显示位置根据自己需求进行调节
|
||||
this.visible = true
|
||||
|
|
@ -121,7 +146,6 @@ export default {
|
|||
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 {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,370 @@
|
|||
<template>
|
||||
<el-dialog title="" :visible.sync="visible" :close-on-click-modal="false" :close-on-press-escape="false"
|
||||
:before-close="handleClose" width="450px" center>
|
||||
<div class="auditDocumentDetail">
|
||||
<div class="header">
|
||||
<div class="file_icon">
|
||||
<i class="name_docx"></i>
|
||||
</div>
|
||||
<div class="file_name">
|
||||
<div class="name">
|
||||
<span class="name-text">但是决定把尖酸刻薄的喀巴水电局咯不到就案板白沙卡萨丁你卢卡斯拿到了看到了上的尽快把世界第八款不打瞌睡的</span>
|
||||
</div>
|
||||
<div class="desc">
|
||||
<span class="size">100kb</span>
|
||||
<span>, </span>
|
||||
<span class="time">2025-03-31 15:36</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane :label="$t('trials:trials-workbench:auditDocument:detail:tabs:Stats')" name="Stats">
|
||||
<div class="p">
|
||||
<div class="title">{{ $t('trials:trials-workbench:auditDocument:detail:title:path') }}</div>
|
||||
<div class="content">{shareItem:8}/周会/20250324-工作总结及后续工作.pptx</div>
|
||||
</div>
|
||||
<div class="p">
|
||||
<div class="title">{{ $t('trials:trials-workbench:auditDocument:detail:title:contain') }}
|
||||
</div>
|
||||
<div class="content">4项 (2文件, 2文件夹)</div>
|
||||
</div>
|
||||
<div class="p">
|
||||
<div class="title">{{ $t('trials:trials-workbench:auditDocument:detail:title:size') }}</div>
|
||||
<div class="content">123333</div>
|
||||
</div>
|
||||
<div class="p">
|
||||
<div class="title">{{ $t('trials:trials-workbench:auditDocument:detail:title:updateTime') }}
|
||||
</div>
|
||||
<div class="content">123333</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane :label="$t('trials:trials-workbench:auditDocument:detail:tabs:versions')"
|
||||
name="versions">
|
||||
<div class="versions_top">
|
||||
<div class="title">{{
|
||||
$t('trials:trials-workbench:auditDocument:detail:title:historicalVersion') }}
|
||||
</div>
|
||||
<div class="btnBox">
|
||||
<el-button icon="el-icon-refresh" circle size="small" />
|
||||
<el-button icon="el-icon-upload2" plain size="small">{{
|
||||
$t('trials:trials-workbench:auditDocument:detail:title:uploadNewVersion')
|
||||
}}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="versions_content">
|
||||
<div class="item">
|
||||
<div class="item_line">
|
||||
<div class="version current_version">
|
||||
<span>{{
|
||||
$t('trials:trials-workbench:auditDocument:detail:title:currentVersion')
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="mtime">2025-03-31 15:36</div>
|
||||
<div class="size">375KB</div>
|
||||
<div class="add_desc" @click.stop="openMenu($event, {}, 'c_version')">
|
||||
<i class="el-icon-more" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item_line">
|
||||
<div class="version">
|
||||
<span>v1</span>
|
||||
</div>
|
||||
<div class="mtime">2025-03-31 15:36</div>
|
||||
<div class="size">375KB</div>
|
||||
<div class="add_desc" @click.stop="openMenu($event, {}, 'version')">
|
||||
<i class="el-icon-more" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "auditDocumentDetail",
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
rowData: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: 'Stats'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleClick() { },
|
||||
openMenu(e, row, type) {
|
||||
this.$emit('openContextmenu', { e, row, type, zIndex: 3000 })
|
||||
},
|
||||
handleClose() {
|
||||
this.$emit("update:visible", false)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__nav-wrap::after {
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.auditDocumentDetail {
|
||||
.header {
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #f6f8ff;
|
||||
|
||||
.file_icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 42px;
|
||||
line-height: 60px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
border-radius: 5px;
|
||||
font-style: normal;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.name_pdf {
|
||||
background-image: url(@/assets/file_icon/pdf.png);
|
||||
}
|
||||
|
||||
.name_docx {
|
||||
background-image: url(@/assets/file_icon/docx.png);
|
||||
}
|
||||
|
||||
.name_doc {
|
||||
background-image: url(@/assets/file_icon/doc.png);
|
||||
}
|
||||
|
||||
.name_zip {
|
||||
background-image: url(@/assets/file_icon/zip.png);
|
||||
}
|
||||
|
||||
.name_pptx {
|
||||
background-image: url(@/assets/file_icon/pptx.png);
|
||||
}
|
||||
|
||||
.name_ppt {
|
||||
background-image: url(@/assets/file_icon/ppt.png);
|
||||
}
|
||||
|
||||
.name_xlsx {
|
||||
background-image: url(@/assets/file_icon/xlsx.png);
|
||||
}
|
||||
|
||||
.name_xls {
|
||||
background-image: url(@/assets/file_icon/xls.png);
|
||||
}
|
||||
|
||||
.name_folder {
|
||||
background-image: url(@/assets/file_icon/folder.png);
|
||||
}
|
||||
}
|
||||
|
||||
.file_name {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
word-break: break-word;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
height: 60px;
|
||||
line-height: 18px;
|
||||
margin-top: 7px;
|
||||
width: calc(100% - 170px);
|
||||
|
||||
.name {
|
||||
max-height: 35px;
|
||||
line-height: 18px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.name-text {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 13px;
|
||||
color: #aaa;
|
||||
padding-top: 1px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
max-height: 500px;
|
||||
|
||||
.p {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
||||
.title {
|
||||
color: #999;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 25px;
|
||||
width: 27%;
|
||||
margin-right: 1%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.content {
|
||||
word-break: break-word;
|
||||
color: #444;
|
||||
width: 72%;
|
||||
margin: 0;
|
||||
padding: 5px 0 0 0;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.versions_top {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 40px;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.title {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.btnBox {
|
||||
flex: 1 0 0%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.versions_content {
|
||||
max-height: calc(100% - 50px);
|
||||
|
||||
.item {
|
||||
padding: 0;
|
||||
border: 1px solid #eee;
|
||||
margin-bottom: 4px;
|
||||
border-radius: 4px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: all .2s;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
border-color: #91d5ff;
|
||||
}
|
||||
|
||||
.item_line {
|
||||
background: #fafafa;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
transition: all .2s;
|
||||
|
||||
&:hover {
|
||||
background: #e6f7ff;
|
||||
border-color: #e6f7ff;
|
||||
}
|
||||
|
||||
.version {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
width: auto;
|
||||
|
||||
span {
|
||||
background: #22b66c;
|
||||
border-color: #1c9458;
|
||||
color: #fff;
|
||||
padding: 3px 4px;
|
||||
min-width: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.current_version {
|
||||
span {
|
||||
background: #1890ff;
|
||||
border-color: #007cee;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.mtime {
|
||||
color: #999;
|
||||
margin-right: 0;
|
||||
line-height: 22px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.size {
|
||||
border-radius: 20px;
|
||||
padding: 1px 1px 1px 5px;
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.add_desc {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 3px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
color: #666;
|
||||
background: #77777715;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #c3e2ff;
|
||||
color: #1890ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</el-row>
|
||||
<el-form :inline="true" class="base-search-form">
|
||||
<el-form-item>
|
||||
<el-input v-model="str" clearable></el-input>
|
||||
<el-input v-model="searchData.Name" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||
|
|
@ -30,10 +30,10 @@
|
|||
<el-button type="primary">
|
||||
{{ $t('trials:trials-workbench:auditDocument:button:addFolder') }}
|
||||
</el-button>
|
||||
<el-button type="primary">
|
||||
<el-button type="primary" @click.stop="openFile(false)">
|
||||
{{ $t('trials:trials-workbench:auditDocument:button:uploadFile') }}
|
||||
</el-button>
|
||||
<el-button type="primary">
|
||||
<el-button type="primary" @click.stop="openFile(true)">
|
||||
{{ $t('trials:trials-workbench:auditDocument:button:uploadFolder') }}
|
||||
</el-button>
|
||||
<el-button type="primary">
|
||||
|
|
@ -44,20 +44,28 @@
|
|||
</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">
|
||||
<div class="catalogue">
|
||||
<span>{{ $t('trials:trials-workbench:auditDocument:catalogue:title') }}</span>
|
||||
<el-breadcrumb separator-class="el-icon-arrow-right">
|
||||
<el-breadcrumb-item v-for="item of catalogueData" :key="item.Id"><span class="catalogue_name"
|
||||
@click.stop="toCatalogue(item)">{{ item.Name }}</span></el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
</div>
|
||||
<el-table :data="tableData" style="width: 99%" row-key="Id" :loading="loading" :row-style="setRowStyle"
|
||||
v-adaptive="{ bottomOffset: 75 }" height="100" :border="true" :expand-row-keys="expandedRows"
|
||||
:tree-props="{ children: 'Children', hasChildren: 'hasChildren' }" @expand-change="handleExpandChange"
|
||||
@row-click="handleRowClick" @cell-mouse-enter="handleCellMouseEnter"
|
||||
@cell-mouse-leave="handleCellMouseLeave" @row-contextmenu="handleRowContextmenu"
|
||||
@row-dblclick="handleRowDblclick">
|
||||
<el-table-column prop="date" :label="$t('trials:trials-workbench:auditDocument:table:name')" sortable
|
||||
min-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="icon icon_folder" v-if="!scope.row.AuditDocumentTypeEnum" />
|
||||
<i v-else :class="`icon icon_file icon_${scope.row.FileFormat}`" />
|
||||
<span class="name">{{ scope.row.Name }}</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')" />
|
||||
|
|
@ -66,33 +74,50 @@
|
|||
@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"
|
||||
<el-input v-model="scope.row.Name" :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 prop="FileFormat" :label="$t('trials:trials-workbench:auditDocument:table:fileType')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ formatFileType(scope.row) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="address" label="地址">
|
||||
<el-table-column prop="FileSize" :label="$t('trials:trials-workbench:auditDocument:table:fileSize')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ formatFileSize(scope.row) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="UpdateTime" :label="$t('trials:trials-workbench:auditDocument:table:updateTime')">
|
||||
</el-table-column>
|
||||
<el-table-column prop="CreateTime" :label="$t('trials:trials-workbench:auditDocument:table:createTime')">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<contextmenu ref="contextmenu" :checkList="checkList" @handleMenu="handleMenu" />
|
||||
<upload-files :config="config" :faccept="faccept" :uploadPath="uploadPath" :limitLength="limitLength"
|
||||
v-if="config.visible" @close="close" @uplaodFile="uplaodFile" />
|
||||
<detail v-if="visible" :visible.sync="visible" :rowData="rowData" @openContextmenu="openContextmenu" />
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument } from '@/api/trials'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import contextmenu from './contextmenu.vue'
|
||||
import uploadFiles from '@/views/trials/trials-panel/trial-summary/trial-document/components/uploadFiles.vue'
|
||||
import detail from './detail.vue'
|
||||
const searchDataDefault = () => {
|
||||
return {
|
||||
Name: null,
|
||||
pageIndex: 1,
|
||||
pageSize: 20,
|
||||
asc: false,
|
||||
sortField: 'CreateTime'
|
||||
sortField: ''
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: "auditDocument",
|
||||
components: { Pagination, contextmenu },
|
||||
components: { Pagination, contextmenu, uploadFiles, detail },
|
||||
props: {
|
||||
isManage: {
|
||||
type: Boolean,
|
||||
|
|
@ -103,176 +128,27 @@ export default {
|
|||
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: null,
|
||||
loading: false,
|
||||
expandedRows: [],
|
||||
tableData: [],
|
||||
catalogueData: [], // 目录层级
|
||||
|
||||
visible: false, // 属性详情弹框
|
||||
rowData: {}, // 属性详情数据
|
||||
|
||||
config: {
|
||||
visible: false,
|
||||
showClose: true,
|
||||
width: '800px',
|
||||
title: '',
|
||||
appendToBody: false,
|
||||
isFolder: false,
|
||||
},
|
||||
{
|
||||
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 弄'
|
||||
},
|
||||
],
|
||||
uploadPath: '/System/AuditDocument',
|
||||
faccept: ['.pdf'],
|
||||
limitLength: 0,
|
||||
|
||||
checkList: [], // 选中的数据
|
||||
hoverId: null, // hover中的数据
|
||||
renameId: null, // 选中重命名的数据
|
||||
|
|
@ -285,10 +161,39 @@ export default {
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
|
||||
// 获取当前目录层级
|
||||
async getBreadcrumbData() {
|
||||
if (!this.Id) return false
|
||||
try {
|
||||
let data = {
|
||||
Id: this.Id
|
||||
}
|
||||
let res = await getBreadcrumbData(data)
|
||||
if (res.IsSuccess) {
|
||||
this.catalogueData = res.Result
|
||||
}
|
||||
} catch (err) { console.log(err) }
|
||||
},
|
||||
async getList() {
|
||||
try {
|
||||
if (this.Id) {
|
||||
this.searchData.Id = this.Id
|
||||
}
|
||||
this.loading = true
|
||||
let res = await getAuditDocumentData(this.searchData)
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.tableData = res.Result.CurrentPageData
|
||||
this.total = res.Result.TotalCount
|
||||
}
|
||||
} catch (err) {
|
||||
this.loading = false
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
handleSearch() {
|
||||
this.getList()
|
||||
},
|
||||
handleSearch() { },
|
||||
handleReset() {
|
||||
this.searchData = searchDataDefault()
|
||||
this.getList()
|
||||
|
|
@ -299,7 +204,6 @@ export default {
|
|||
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()
|
||||
}
|
||||
|
|
@ -307,15 +211,208 @@ export default {
|
|||
},
|
||||
rename(row) {
|
||||
this.renameId = null
|
||||
this.updateData(row)
|
||||
},
|
||||
handleExpandChange(row, expanded) {
|
||||
console.log(this.expandedRows)
|
||||
if (expanded && !this.expandedRows.find(Id => Id === row.Id)) {
|
||||
this.expandedRows.push(row.Id)
|
||||
}
|
||||
if (!expanded) {
|
||||
let index = this.expandedRows.indexOf(row.Id)
|
||||
if (!!~index) {
|
||||
this.expandedRows.splice(index, 1)
|
||||
}
|
||||
}
|
||||
},
|
||||
// 跳转至目录
|
||||
toCatalogue(row) {
|
||||
this.Id = row.Id
|
||||
this.expandedRows = []
|
||||
this.getList()
|
||||
this.getBreadcrumbData()
|
||||
},
|
||||
// 修改数据
|
||||
async updateData(row) {
|
||||
try {
|
||||
let data = {
|
||||
AuditDocumentTypeEnum: row.AuditDocumentTypeEnum,
|
||||
FileFormat: row.FileFormat,
|
||||
FilePath: row.FilePath,
|
||||
FileSize: row.FileSize,
|
||||
Id: row.Id,
|
||||
IsAuthorization: row.IsAuthorization,
|
||||
Name: row.Name,
|
||||
ParentId: row.ParentId
|
||||
|
||||
}
|
||||
let res = await updateAuditDocument(row);
|
||||
} catch (err) {
|
||||
this.getList()
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
// 新增列表数据
|
||||
async uplaodFile(list) {
|
||||
let data = this.formatData(list)
|
||||
console.log(data, 'data')
|
||||
try {
|
||||
let res = await addAuditDocument(JSON.stringify(data))
|
||||
if (res.IsSuccess) {
|
||||
this.getList()
|
||||
}
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
// 格式化上传数据
|
||||
formatData(arr) {
|
||||
let list = [], strObj = {}
|
||||
arr.forEach(item => {
|
||||
if (item.catalogue) {
|
||||
let catalogueStr = item.catalogue.split("/")
|
||||
catalogueStr.pop()
|
||||
let obj = {}, strKey = []
|
||||
catalogueStr.forEach((str, index) => {
|
||||
strKey.forEach((key, i) => {
|
||||
if (i === 0) {
|
||||
obj = strObj[key]
|
||||
} else {
|
||||
obj = obj[key]
|
||||
}
|
||||
|
||||
})
|
||||
if (index === 0) {
|
||||
if (!strObj[str]) {
|
||||
strObj[str] = {
|
||||
children: []
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (!obj[str]) {
|
||||
obj[str] = {
|
||||
children: []
|
||||
}
|
||||
}
|
||||
}
|
||||
obj = obj[str]
|
||||
strKey.push(str)
|
||||
|
||||
})
|
||||
obj.children.push({
|
||||
ParentId: null,
|
||||
Name: item.FileName,
|
||||
IsAuthorization: false,
|
||||
FileSize: item.FileSize,
|
||||
filePath: item.FilePath,
|
||||
FileFormat: item.FileFormat,
|
||||
AuditDocumentTypeEnum: 1
|
||||
})
|
||||
} else {
|
||||
list.push({
|
||||
ParentId: null,
|
||||
Name: item.FileName,
|
||||
IsAuthorization: false,
|
||||
FileSize: item.FileSize,
|
||||
filePath: item.FilePath,
|
||||
FileFormat: item.FileFormat,
|
||||
AuditDocumentTypeEnum: 1
|
||||
})
|
||||
}
|
||||
})
|
||||
let ARRAY = this.objToArr(strObj)
|
||||
list = list.concat(ARRAY)
|
||||
return list
|
||||
},
|
||||
objToArr(obj, list = []) {
|
||||
Object.keys(obj).forEach(key => {
|
||||
if (key !== 'children') {
|
||||
let item = list.find(d => d.Name === key)
|
||||
if (!item) {
|
||||
let data = {
|
||||
ParentId: null,
|
||||
Name: key,
|
||||
IsAuthorization: false,
|
||||
AuditDocumentTypeEnum: 0,
|
||||
children: obj[key].children
|
||||
}
|
||||
list.push(data)
|
||||
}
|
||||
this.objToArr(obj[key], obj[key].children)
|
||||
}
|
||||
|
||||
})
|
||||
return list;
|
||||
},
|
||||
// 格式化文件类型
|
||||
formatFileType(row) {
|
||||
if (!row.AuditDocumentTypeEnum) {
|
||||
return this.$t('trials:trials-workbench:auditDocument:fileType:folder')
|
||||
} else {
|
||||
return `${row.FileFormat}${this.$t('trials:trials-workbench:auditDocument:fileType:file')}`
|
||||
}
|
||||
},
|
||||
// 格式化文件大小
|
||||
formatFileSize(row) {
|
||||
if (!row.FileSize) return ''
|
||||
if (row.FileSize < 1000) {
|
||||
return row.FileSize + "B"
|
||||
}
|
||||
if (row.FileSize < 1000 * 1024) {
|
||||
return (row.FileSize / 1024).toFixed(2) + "KB"
|
||||
}
|
||||
if (row.FileSize < 1000 * 1000 * 1024) {
|
||||
return (row.FileSize / 1000 / 1024).toFixed(2) + "MB"
|
||||
}
|
||||
if (row.FileSize < 1000 * 1000 * 1000 * 1024) {
|
||||
return (row.FileSize / 1000 / 1000 / 1024).toFixed(2) + "GB"
|
||||
}
|
||||
},
|
||||
openFile(isFolder = false) {
|
||||
this.faccept = [
|
||||
'.jpg',
|
||||
'.jpeg',
|
||||
'.png',
|
||||
'.pdf',
|
||||
'.ppt',
|
||||
'.pptx',
|
||||
'.zip',
|
||||
'.doc',
|
||||
'.docx',
|
||||
'.xls',
|
||||
'.xlsx',
|
||||
]
|
||||
this.limitLength = 0
|
||||
this.config.title = this.$t(
|
||||
'trials:trials-workbench:auditDocument:form:title:uploadFile'
|
||||
)
|
||||
this.config.visible = true
|
||||
this.config.isFolder = isFolder
|
||||
},
|
||||
close() {
|
||||
this.config.visible = false
|
||||
this.faccept = ['.pdf']
|
||||
this.limitLength = 0
|
||||
},
|
||||
// 版本记录（右键菜单）
|
||||
openContextmenu(data) {
|
||||
let { e, row, type, zIndex } = data
|
||||
this.$refs.contextmenu.init(e, row, type, zIndex)
|
||||
},
|
||||
// 单行右键单击（右键菜单）
|
||||
handleRowContextmenu(row, column, e) {
|
||||
e.preventDefault();
|
||||
if (!this.checkList.includes(row.Id)) this.handleRowClick(row)
|
||||
this.$refs.contextmenu.init(row, column, e)
|
||||
this.$refs.contextmenu.init(e, row, 'file')
|
||||
},
|
||||
// 单行左键双击（进入文件夹或者预览文件）
|
||||
handleRowDblclick(row) { },
|
||||
handleRowDblclick(row) {
|
||||
if (!row.AuditDocumentTypeEnum) {
|
||||
this.Id = row.Id
|
||||
this.getList()
|
||||
this.getBreadcrumbData()
|
||||
}
|
||||
},
|
||||
// 单行左键单击
|
||||
handleRowClick(row) {
|
||||
if (this.ctrlKey) {
|
||||
|
|
@ -337,6 +434,10 @@ export default {
|
|||
if (key === 'rename') {
|
||||
this.renameId = this.checkList[0]
|
||||
}
|
||||
if (key === 'Stats') {
|
||||
this.rowData = this.tableData.find(item => item.Id === this.checkList[0])
|
||||
this.visible = true
|
||||
}
|
||||
},
|
||||
setRowStyle({ row, rowIndex }) {
|
||||
if (this.checkList.includes(row.Id)) {
|
||||
|
|
@ -381,6 +482,8 @@ export default {
|
|||
mounted() {
|
||||
document.addEventListener('keydown', this.keydown);
|
||||
document.addEventListener('keyup', this.keyup);
|
||||
this.getList()
|
||||
this.getBreadcrumbData()
|
||||
},
|
||||
destroyed() {
|
||||
document.removeEventListener('keydown', this.keydown);
|
||||
|
|
@ -413,8 +516,24 @@ export default {
|
|||
min-width: 0;
|
||||
}
|
||||
|
||||
.width100 {
|
||||
width: 100%;
|
||||
|
||||
.catalogue {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 0 22px;
|
||||
|
||||
span {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.catalogue_name {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
|
||||
&:hover {
|
||||
color: #3b8cff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.name_layout {
|
||||
|
|
@ -472,7 +591,7 @@ export default {
|
|||
width: 20px;
|
||||
padding: 0px;
|
||||
line-height: 20px;
|
||||
min-width: 20px;
|
||||
// min-width: 20px;
|
||||
margin-right: 6px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
|
@ -484,8 +603,13 @@ export default {
|
|||
margin-right: 6px;
|
||||
background-size: inherit;
|
||||
background-image: url(@/assets/0.file-16.png);
|
||||
background-position: 3px 0;
|
||||
background-position: 0 0;
|
||||
margin-top: -2px;
|
||||
background-repeat: no-repeat;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
pointer-events: none;
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
/*文件夹*/
|
||||
|
|
@ -494,6 +618,7 @@ export default {
|
|||
margin-top: -6px;
|
||||
margin-left: 2px;
|
||||
margin-right: 6px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/*docx*/
|
||||
|
|
@ -533,7 +658,7 @@ export default {
|
|||
|
||||
/*zip*/
|
||||
.icon_zip {
|
||||
background-position: 3px 0 !important;
|
||||
background-position: 0 0 !important;
|
||||
margin-top: -2px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,509 +0,0 @@
|
|||
<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>
|
||||
|
|
@ -238,7 +238,7 @@
|
|||
:reading-id="selected.ReadingId"
|
||||
:clinical-form-id="selected.ClinicalFormId"
|
||||
:open-type="'look'"
|
||||
@close=""
|
||||
@close="false"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue