|
|
|
@ -8,7 +8,7 @@
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<div ref="htmlContent" class="content">
|
|
|
|
|
<cs-search title="案件检索" :data="searchData" :span="8" @onSearch="onSearch" @getData="onSearch" />
|
|
|
|
|
<cs-search title="案件检索" :data="searchData" :span="4" direction="row" @onSearch="onSearch" @getData="onSearch" />
|
|
|
|
|
<div class="case-content">
|
|
|
|
|
<div class="flex-row header">
|
|
|
|
|
<el-button type="primary" icon="el-icon-circle-plus-outline" @click="handleAdd">新增</el-button>
|
|
|
|
@ -19,66 +19,66 @@
|
|
|
|
|
<input ref="file" type="file" style="display: none" @change="uploadFile">
|
|
|
|
|
</div>
|
|
|
|
|
<el-row :gutter="20" type="flex" class="list-content">
|
|
|
|
|
<vuedraggable v-model="caseList" animation="400" handle=".mover" style="width: 100%">
|
|
|
|
|
<transition-group class="list-span">
|
|
|
|
|
<el-col v-for="item in caseList" :key="item.id" :span="6">
|
|
|
|
|
<div class="list-item" @click="handleClick(item)">
|
|
|
|
|
<div class="flex-row item-header">
|
|
|
|
|
<div class="flex-row" style="align-items: center;flex: 1">
|
|
|
|
|
<el-tag
|
|
|
|
|
v-if="item.caseStatus && item.identifyResultName "
|
|
|
|
|
:type="item.caseStatus === '1' ? 'success' : 'warning'"
|
|
|
|
|
style="margin-right: 5px"
|
|
|
|
|
>
|
|
|
|
|
{{ item.identifyResultName }}
|
|
|
|
|
</el-tag>
|
|
|
|
|
<span class="main-title">{{ item.caseName }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<img src="~@/assets/caseManagement/duihua@2x.png" class="tag-icon" @click.stop="handleContact(item)">
|
|
|
|
|
<img src="~@/assets/caseManagement/tuola@2x.png" class="tag-icon mover">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="list-span">
|
|
|
|
|
<el-col v-for="item in caseList" :key="item.id" :span="6">
|
|
|
|
|
<div class="list-item" @click="handleClick(item)">
|
|
|
|
|
<div class="flex-row item-header">
|
|
|
|
|
<div class="flex-row" style="align-items: center;flex: 1">
|
|
|
|
|
<el-tag
|
|
|
|
|
v-if="item.caseStatus && item.identifyResultName "
|
|
|
|
|
:type="item.caseStatus === '1' ? 'success' : 'warning'"
|
|
|
|
|
style="margin-right: 5px"
|
|
|
|
|
>
|
|
|
|
|
{{ item.identifyResultName }}
|
|
|
|
|
</el-tag>
|
|
|
|
|
<span class="main-title">{{ item.caseName }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-body">
|
|
|
|
|
<el-row :gutter="10" style="padding: 10px;">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<span class="item-body-top etc">{{ `行为人:${item['lawActorName'] ? item['lawActorName'] : '-'}` }}</span>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="16">
|
|
|
|
|
<span class="item-body-top etc">{{ `案件编号:${item.caseNo}` }}</span>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- <el-col :span="8">-->
|
|
|
|
|
<!-- <span class="item-body-top etc">{{ `证据数量:${item.evidenceNum}` }}</span>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<el-col :span="24" style="margin-top: 10px">
|
|
|
|
|
<span class="item-body-top etc">{{ `当事人:${item.lawParty}` }}</span>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<div class="item-body-bottom">
|
|
|
|
|
<div class="flex-row" style="align-items: center; justify-content: space-between;padding: 10px;min-height: 40px">
|
|
|
|
|
<div class="flex-column">
|
|
|
|
|
<div class="flex-row" style="align-items: center;margin-bottom: 5px">
|
|
|
|
|
<i v-if="item.isAnalysing" class="el-icon-loading" style="margin-right: 5px" />
|
|
|
|
|
<span class="status-title">{{ formatterStatusName(item) }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="subtitle">{{ item.updateTime }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-show="item['totalScore']" class="flex-column" style="align-items: center">
|
|
|
|
|
<span :class="['score', item.totalScore >= 70 ? 'success' : 'warning']">{{ item.totalScore }}</span>
|
|
|
|
|
<span class="subtitle">综合得分</span>
|
|
|
|
|
<div>
|
|
|
|
|
<img src="~@/assets/caseManagement/duihua@2x.png" class="tag-icon" @click.stop="handleContact(item)">
|
|
|
|
|
<!-- <img src="~@/assets/caseManagement/tuola@2x.png" class="tag-icon mover"> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-body">
|
|
|
|
|
<el-row :gutter="10" style="padding: 10px;">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<span class="item-body-top etc">{{ `行为人:${item['caseActorName'] ? item['caseActorName'] : '-'}` }}</span>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="16">
|
|
|
|
|
<span class="item-body-top etc">{{ `案件编号:${item.caseNo}` }}</span>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- <el-col :span="8">-->
|
|
|
|
|
<!-- <span class="item-body-top etc">{{ `证据数量:${item.evidenceNum}` }}</span>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<el-col :span="24" style="margin-top: 10px">
|
|
|
|
|
<span class="item-body-top etc">{{ `当事人:${item.lawParty}` }}</span>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<div class="item-body-bottom" :style="{borderColor:item.totalScore ? '#9DEACD' : '#90BDFF'}">
|
|
|
|
|
<div class="flex-row" style="align-items: center; justify-content: space-between;padding: 10px;min-height: 40px">
|
|
|
|
|
<div class="flex-column">
|
|
|
|
|
<div class="flex-row" style="align-items: center;margin-bottom: 5px">
|
|
|
|
|
<i v-if="item.isAnalysing" class="el-icon-loading" style="margin-right: 5px" />
|
|
|
|
|
<span class="status-title">{{ formatterStatusName(item) }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="subtitle">{{ item.updateTime }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex-row bottom-buttons">
|
|
|
|
|
<div @click.stop="handleDel(item)">删除</div>
|
|
|
|
|
<div @click.stop="handleEdit(item)">编辑</div>
|
|
|
|
|
<div :class="[item['isAnalysing'] ? 'disabled' : '']" @click.stop="handleAnalysis(item)">模型分析</div>
|
|
|
|
|
<div v-show="item['totalScore']" class="flex-column" style="align-items: center">
|
|
|
|
|
<span :class="['score', item.totalScore >= 70 ? 'success' : 'warning']">{{ item.totalScore }}</span>
|
|
|
|
|
<span class="subtitle">综合得分</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex-row bottom-buttons">
|
|
|
|
|
<div :class="[item['isAnalysing'] ? 'disabled' : '']" @click.stop="handleAnalysis(item)">模型分析</div>
|
|
|
|
|
<div @click.stop="handleEdit(item)">编辑</div>
|
|
|
|
|
<div @click.stop="handleDel(item)">删除</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</transition-group>
|
|
|
|
|
</vuedraggable>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
<div style="text-align: center">
|
|
|
|
|
<cs-page
|
|
|
|
@ -117,7 +117,7 @@ export default {
|
|
|
|
|
searchData: [
|
|
|
|
|
{ label: '案件编号', model: 'caseNo', type: 'input' },
|
|
|
|
|
{ label: '案件名称', model: 'caseName', type: 'input' },
|
|
|
|
|
{ label: '认定结果', model: 'identifyResult', type: 'select', option: JSON.parse(sessionStorage.getItem('identify_result')) },
|
|
|
|
|
{ label: '认定结果', model: 'identifyResult', type: 'selectMultiple', option: JSON.parse(sessionStorage.getItem('identify_result')) },
|
|
|
|
|
{ label: '行为人', model: 'lawActor', type: 'input' },
|
|
|
|
|
{ label: '当事人', model: 'lawParty', type: 'input' },
|
|
|
|
|
{ label: '最新时间', model: 'updateTime', type: 'datetimerange' }
|
|
|
|
@ -275,7 +275,7 @@ export default {
|
|
|
|
|
padding: 20px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
height: calc(100% - 170px);
|
|
|
|
|
height: calc(100% - 140px);
|
|
|
|
|
.header {
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
@ -286,8 +286,7 @@ export default {
|
|
|
|
|
height: calc(100% - 32px - 32px - 20px);
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
.list-span {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.list-item {
|
|
|
|
|
background: #F2F5F9;
|
|
|
|
@ -325,7 +324,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.item-body-bottom {
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
border-top: 3px solid $base-color-default;
|
|
|
|
|
border-top: 3px solid;
|
|
|
|
|
border-top-left-radius: 8px;
|
|
|
|
|
border-top-right-radius: 8px;
|
|
|
|
|
margin: 0 10px;
|
|
|
|
|