XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

裁判阅片及医学审核预览图片问题修复

uat_us
caiyiling 2024-07-17 14:59:10 +08:00
parent de16944fd6
commit 32ded49982
3 changed files with 55 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/main.js
View File

@ -44,7 +44,6 @@ Viewer.setDefaults({
'rotatable': true, 'rotatable': true,
'scalable': true, 'scalable': true,
'transition': true, 'transition': true,
'fullscreen': true,
'keyboard': true, 'keyboard': true,
'url': 'data-source' 'url': 'data-source'
} }

52
src/views/trials/trials-panel/reading/ad-review/index.vue
View File

@ -203,28 +203,30 @@
> >
<i slot="default" class="el-icon-plus" /> <i slot="default" class="el-icon-plus" />
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
<img <viewer :images="images" :ref="file.url">
class="el-upload-list__item-thumbnail" <img
:src="OSSclientConfig.basePath + file.url" class="el-upload-list__item-thumbnail"
alt="" :src="OSSclientConfig.basePath + file.url"
crossorigin="anonymous" alt=""
> crossorigin="anonymous"
<span class="el-upload-list__item-actions">
<span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
> >
<i class="el-icon-zoom-in" /> <span class="el-upload-list__item-actions">
</span> <span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
>
<i class="el-icon-zoom-in" />
</span>
<span <span
v-if="adInfo.ReadingTaskState < 2" v-if="adInfo.ReadingTaskState < 2"
class="el-upload-list__item-delete" class="el-upload-list__item-delete"
@click="handleRemove(file)" @click="handleRemove(file)"
> >
<i class="el-icon-delete" /> <i class="el-icon-delete" />
</span>
</span> </span>
</span> </viewer>
</div> </div>
</el-upload> </el-upload>
@ -303,9 +305,6 @@
</div> </div>
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" /> <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
</el-dialog> </el-dialog>
<viewer v-if="imgVisible" :images="[imageUrl]" ref="viewer">
<img :src="imageUrl" crossorigin="anonymous" alt="">
</viewer>
</div> </div>
</template> </template>
<script> <script>
@ -388,7 +387,8 @@ export default {
judgeResultArmEnum: '', judgeResultArmEnum: '',
criterionType: null, criterionType: null,
openWindow: null, openWindow: null,
isFixed: false isFixed: false,
images: []
} }
}, },
// watch: { // watch: {
@ -707,9 +707,9 @@ export default {
}, },
// 预览图片 // 预览图片
handlePictureCardPreview(file) { handlePictureCardPreview(file) {
this.imageUrl = this.OSSclientConfig.basePath + file.url this.images = this.fileList.map(f => this.OSSclientConfig.basePath + f.url)
this.imgVisible = true // this.imageUrl = this.OSSclientConfig.basePath + file.url
this.$refs.viewer.$viewer.show() this.$refs[file.url].$viewer.show()
}, },
// 删除图片 // 删除图片
handleRemove(file, fileList) { handleRemove(file, fileList) {

55
src/views/trials/trials-panel/reading/mim-medical-audit/components/Conclusions.vue
View File

@ -92,28 +92,30 @@
> >
<i slot="default" class="el-icon-plus" /> <i slot="default" class="el-icon-plus" />
<div slot="file" slot-scope="{file}"> <div slot="file" slot-scope="{file}">
<img <viewer :images="images" :ref="file.url">
class="el-upload-list__item-thumbnail" <img
:src="OSSclientConfig.basePath + file.url" class="el-upload-list__item-thumbnail"
crossOrigin="anonymous" :src="OSSclientConfig.basePath + file.url"
alt="" crossOrigin="anonymous"
> alt=""
<span class="el-upload-list__item-actions">
<span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
> >
<i class="el-icon-zoom-in" /> <span class="el-upload-list__item-actions">
</span> <span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
>
<i class="el-icon-zoom-in" />
</span>
<span <span
v-if="!isSendMessage && auditState!==2" v-if="!isSendMessage && auditState!==2"
class="el-upload-list__item-delete" class="el-upload-list__item-delete"
@click="handleRemove(file)" @click="handleRemove(file)"
> >
<i class="el-icon-delete" /> <i class="el-icon-delete" />
</span>
</span> </span>
</span> </viewer>
</div> </div>
</el-upload> </el-upload>
<!-- <el-dialog <!-- <el-dialog
@ -130,9 +132,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<viewer v-if="imgVisible" :images="[imageUrl]" ref="viewer"> <!-- <viewer v-if="imgVisible" :images="[imageUrl]" ref="viewer">
<img :src="imageUrl" crossorigin="anonymous" alt=""> <img :src="imageUrl" crossorigin="anonymous" alt="">
</viewer> </viewer> -->
<el-dialog <el-dialog
v-if="chatVisible" v-if="chatVisible"
:visible.sync="chatVisible" :visible.sync="chatVisible"
@ -222,7 +224,8 @@ export default {
userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1, userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
isClosedDialog: false, isClosedDialog: false,
isSendMessage: false, isSendMessage: false,
closeQuestionVisible: false closeQuestionVisible: false,
images:[]
} }
}, },
mounted() { mounted() {
@ -382,9 +385,9 @@ export default {
}, },
// 预览图片 // 预览图片
handlePictureCardPreview(file) { handlePictureCardPreview(file) {
this.imageUrl = this.OSSclientConfig.basePath + file.url this.images = this.fileList.map(f => this.OSSclientConfig.basePath + f.url)
this.imgVisible = true // this.imageUrl = this.OSSclientConfig.basePath + file.url
this.$refs.viewer.$viewer.show() this.$refs[file.url].$viewer.show()
}, },
// 删除图片 // 删除图片
handleRemove(file, fileList) { handleRemove(file, fileList) {
@ -394,7 +397,7 @@ export default {
}, },
initializeViewer() { initializeViewer() {
Viewer.setDefaults({ Viewer.setDefaults({
toolbar: { zoomIn: true, zoomOut: true, rotateLeft: true, rotateRight: true, flipHorizontal: true, flipVertical: true } toolbar: { zoomIn: true, zoomOut: true, rotateLeft: true, rotateRight: true, flipHorizontal: true, flipVertical: true}
}) })
} }
} }