|
@@ -32,13 +32,13 @@
|
|
|
</template>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-descriptions direction="vertical" :column="3" border title="审批信息">
|
|
|
+ <el-descriptions direction="vertical" :column="2" border title="审批信息" >
|
|
|
<el-descriptions-item
|
|
|
v-for="(item,index) in detail_info.detail"
|
|
|
:key="index"
|
|
|
:label="item.key"
|
|
|
- :label-style="{textAlign:'center'}"
|
|
|
- :content-style="{textAlign:'center'}"
|
|
|
+ :label-style="{textAlign:'center',maxWidth:'200px'}"
|
|
|
+ :content-style="{textAlign:'center',maxWidth: '200px'}"
|
|
|
>
|
|
|
<template v-if="item.key === '附件'">
|
|
|
<el-image v-for="(items, indexs) in item.value" :key="indexs" style="width: 50px; height: 50px;margin:2px;" :src="items" :preview-src-list="item.value"></el-image>
|
|
@@ -46,6 +46,17 @@
|
|
|
<template v-else-if="item.key === '工作留存'">
|
|
|
<el-image v-for="(items, indexs) in item.value" :key="indexs" style="width: 100px; height: 100px;margin:2px;" :src="items" :preview-src-list="item.value"></el-image>
|
|
|
</template>
|
|
|
+ <template v-else>
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ :title="item.key"
|
|
|
+ width="500"
|
|
|
+ trigger="click"
|
|
|
+ :content="item.value"
|
|
|
+ >
|
|
|
+ <div slot="reference" style="cursor: pointer" class="desc-content">{{item.value}}</div>
|
|
|
+ </el-popover>
|
|
|
+ </template>
|
|
|
<template v-else-if="item.key === '工作备注'">
|
|
|
<el-popover
|
|
|
placement="bottom"
|
|
@@ -54,10 +65,9 @@
|
|
|
trigger="click"
|
|
|
:content="item.value"
|
|
|
>
|
|
|
- <el-tag slot="reference" style="cursor: pointer" ><span class="desc-content">{{item.value}}</span></el-tag>
|
|
|
+ <div slot="reference" style="cursor: pointer" class="desc-content">{{item.value}}</div>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
- <span v-else style="word-wrap: break-word">{{item.value}}</span>
|
|
|
</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
<el-descriptions
|
|
@@ -941,7 +951,6 @@ export default {
|
|
|
}
|
|
|
.desc-content{
|
|
|
display: block;
|
|
|
- width: 200px;
|
|
|
text-align: center;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|