|
|
|
|
@ -87,16 +87,9 @@ |
|
|
|
|
<template slot="htmlSlot" slot-scope="text"> |
|
|
|
|
<div v-html="text"></div> |
|
|
|
|
</template> |
|
|
|
|
<!-- <template slot="imgSlot" slot-scope="text"> |
|
|
|
|
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span> |
|
|
|
|
<img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;" /> |
|
|
|
|
</template> --> |
|
|
|
|
<template slot="imgSlot" slot-scope="text"> |
|
|
|
|
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span> |
|
|
|
|
<img v-else :src="getImgView(text)" height="25px" @click="handlePictureCardPreview(getImgView(text))" style="max-width:80px;font-size: 12px;font-style: italic;" /> |
|
|
|
|
<a-modal :visible.sync="dialogVisible" :footer="null" @cancel="handleCancel" :mask="false" > |
|
|
|
|
<img width="100%" :src="dialogImageUrl" > |
|
|
|
|
</a-modal> |
|
|
|
|
<img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/> |
|
|
|
|
</template> |
|
|
|
|
<template slot="fileSlot" slot-scope="text"> |
|
|
|
|
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span> |
|
|
|
|
@ -163,7 +156,6 @@ import FunctionxModal1 from "../functionx/modules/FunctionxModal1"; |
|
|
|
|
import RulexModal1 from "../rulex/modules/RulexModal1"; |
|
|
|
|
import RequirementEntityList1 from "../requiremententity/RequirementEntityList1"; |
|
|
|
|
import { Tooltip, Typography } from 'ant-design-vue'; |
|
|
|
|
import { Modal } from 'ant-design-vue'; |
|
|
|
|
export default { |
|
|
|
|
name: 'RequirementItemList', |
|
|
|
|
mixins: [JeecgListMixin, mixinDevice], |
|
|
|
|
@ -172,9 +164,6 @@ export default { |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
// 列表图片略缩图放大 |
|
|
|
|
dialogImageUrl: '', |
|
|
|
|
dialogVisible: false, |
|
|
|
|
description: '需求管理管理页面', |
|
|
|
|
// 表头 |
|
|
|
|
columns: [ |
|
|
|
|
@ -216,7 +205,7 @@ export default { |
|
|
|
|
dataIndex: 'requirementCode', |
|
|
|
|
customRender: (text) => { |
|
|
|
|
if (text) { |
|
|
|
|
const truncatedText = text.length > 10 ? text.substring(0, 10) + '...' : text; |
|
|
|
|
const truncatedText = text.length > 10 ? text.substring(0, 10) : text; |
|
|
|
|
return ( |
|
|
|
|
<Tooltip title={text}> |
|
|
|
|
<span>{truncatedText}</span> |
|
|
|
|
@ -267,7 +256,6 @@ export default { |
|
|
|
|
<span>{strippedText.slice(0, 20)}</span> |
|
|
|
|
<br /> |
|
|
|
|
<span>{strippedText.slice(20, 40)}</span> |
|
|
|
|
{strippedText.length > 40 && '...'} |
|
|
|
|
</div> |
|
|
|
|
</Tooltip> |
|
|
|
|
); |
|
|
|
|
@ -349,16 +337,6 @@ export default { |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// 列表略缩图的大屏预览 |
|
|
|
|
handlePictureCardPreview(text) { |
|
|
|
|
this.dialogImageUrl = text |
|
|
|
|
console.log('s', text) |
|
|
|
|
this.dialogVisible = true; |
|
|
|
|
}, |
|
|
|
|
// 关闭弹窗的大屏预览 |
|
|
|
|
handleCancel() { |
|
|
|
|
this.dialogVisible = false; |
|
|
|
|
}, |
|
|
|
|
// 定义换行在列表里超过10个字符自动换行，超过20个字符，列表里依旧显示换过行的字符在第二行多余的字符省略，鼠标移动可以浮现完整内容 |
|
|
|
|
renderTextColumn(text) { |
|
|
|
|
if (text) { |
|
|
|
|
@ -487,5 +465,4 @@ export default { |
|
|
|
|
.button-group a { |
|
|
|
|
margin-right: 8px; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
}</style> |
|
|
|
|
|
