<template>
|
<div>
|
<div class="mainssss">
|
<List item-layout="vertical" class="ms">
|
<ListItem v-for="item in data" :key="item.title">
|
<img @click="handleClick(item)" style="min-width:300px;width:300px;height:160px;padding:10px;box-shadow: 0 20px 10px rgba(210,210,210,0.2);" :src="item.xianChangImgUrl || `https://iknow-pic.cdn.bcebos.com/8b82b9014a90f6037c2a5c263812b31bb051ed3d`">
|
<div>
|
<div class="tl" @click="handleClick(item)">{{item.faAnDiDian || '标题为空展示'}}</div>
|
<div class="tls" @click="handleClick(item)">{{item.anJianTypeStr || '其它案件'}}</div>
|
<div class="tls" @click="handleClick(item)">{{item.faAnTimeStr || item.createTime}}</div>
|
</div>
|
<div class="actions" @click="handleClick(item)">...</div>
|
</ListItem>
|
</List>
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
data: []
|
}
|
},
|
methods:{
|
handleClick(row) {
|
console.log(row)
|
sessionStorage.setItem('caseId',row.id)
|
sessionStorage.setItem('caseCode',row.code)
|
let newpage = this.$router.resolve({
|
path: 'home',
|
})
|
console.log(newpage)
|
window.open(newpage.href, '_blank');
|
},
|
getList() {
|
let url = this.$systemconfig.basePath + '/module/sysCase/findAll';
|
this.$byutil.getData(this,url,{},res=>{
|
this.data = res.obj
|
})
|
}
|
},
|
mounted() {
|
this.getList();
|
}
|
}
|
</script>
|
|
<style scoped>
|
.el-table--medium {
|
font-size:16px;
|
}
|
|
.mainssss {
|
width:73%;
|
margin:20px auto;
|
}
|
|
.ivu-list-items li{
|
width:calc(50% - 10px);
|
margin-top:10px;
|
margin-left:10px;
|
display: flex;
|
float:left;
|
border:1px solid rgb(242,242,242);
|
border-radius:6px;
|
box-shadow: 0 20px 10px rgba(210,210,210,0.2);
|
cursor: pointer;
|
position: relative;
|
}
|
|
.tl {
|
padding-left:10px;
|
font-size:20px;
|
display: block;
|
display: -webkit-box;
|
word-wrap:break-word;
|
margin: 0 auto;
|
line-height: 1.4;
|
-webkit-line-clamp: 3;
|
-webkit-box-orient: vertical;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
|
.tls {
|
padding-top:20px;
|
padding-left:10px;
|
}
|
|
.actions {
|
position: absolute;
|
bottom:0px;
|
right:10px;
|
font-size:24px;
|
cursor: pointer;
|
}
|
</style>
|
