fix: 优化调整

dev
xiangcongshuai 3 weeks ago
parent 115ddfb490
commit af5dccf1f1

@ -114,7 +114,7 @@ export default {
top: 0; top: 0;
} }
.main-breadcrumb { .main-breadcrumb {
padding: $base-padding 2%; padding: 0 2% 10px 2%;
} }
.main-container { .main-container {
transition: margin-left 0.28s; transition: margin-left 0.28s;

@ -20,7 +20,7 @@
</div> </div>
<div v-if="row.status === '1' || row.status === '0'" class="status"> <div v-if="row.status === '1' || row.status === '0'" class="status">
<!-- <img src="@/assets/record/error.png" alt=""> --> <!-- <img src="@/assets/record/error.png" alt=""> -->
<div v-loading="true" style="width: 20px;height: 20px;margin-right: 8px;position: relative;top: 12px;" /> <div v-loading="true" style="width: 18px;height: 18px;margin-right: 8px;position: relative;top: 12px;" />
<span>处理中</span> <span>处理中</span>
</div> </div>
</template> </template>

@ -14,9 +14,10 @@
<div v-if="row.ocrStatus === '-1'"> <div v-if="row.ocrStatus === '-1'">
<img src="@/assets/record/error.png" alt=""> <img src="@/assets/record/error.png" alt="">
<span>未识别</span> <span>未识别</span>
</div> </div>
<div v-if="row.ocrStatus === '0'"> <div v-if="row.ocrStatus === '0'" class="status">
<!-- <img src="@/assets/record/error.png" alt=""> --> <!-- <img src="@/assets/record/error.png" alt=""> -->
<div v-loading="true" style="width: 18px;height: 18px;margin-right: 8px;position: relative;top: 12px;" />
<span>正在识别</span> <span>正在识别</span>
</div> </div>
</template> </template>
@ -160,10 +161,16 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
img { img {
width: 20px; width: 18px;
height: 20px; height: 18px;
margin-right: 8px; margin-right: 8px;
} }
::v-deep {
.el-loading-spinner .circular {
width: 20px;
height: 20px;
}
}
} }
.btn-list { .btn-list {
img { img {

@ -9,19 +9,19 @@
<div class="title">{{ caseInfo.caseName }}</div> <div class="title">{{ caseInfo.caseName }}</div>
<div class="time">{{ caseInfo.evaluationTime }}</div> <div class="time">{{ caseInfo.evaluationTime }}</div>
<div class="desc"> <div class="desc">
<span>按照取证智能分析大模型指标设置及赋分规则该案共性指标<span :class="['score', caseInfo.totalScore >= 70 ? 'success' : 'warning']">{{ caseInfo.commonScore }}</span><span v-if="caseInfo.crimeOrOut === 0">入罪指标</span><span v-if="caseInfo.crimeOrOut === 1">出罪指标</span><span :class="['score', caseInfo.totalScore >= 70 ? 'success' : 'warning']">{{ caseInfo.specificCrimeScore }}</span>分,综合得分<span :class="['score', caseInfo.totalScore >= 70 ? 'success' : 'warning']">{{ caseInfo.totalScore }}</span>分,初步判定“<span :class="['score', caseInfo.totalScore >= 70 ? 'success' : 'warning']">{{ caseInfo.scoreDesc }}</span></span> <span style="line-height: 28px;">按照取证智能分析大模型指标设置及赋分规则该案共性指标<span :class="['score', caseInfo.totalScore >= 70 ? 'success' : 'warning']">{{ caseInfo.commonScore }}</span><span v-if="caseInfo.crimeOrOut === 0">入罪指标</span><span v-if="caseInfo.crimeOrOut === 1">出罪指标</span><span :class="['score', caseInfo.totalScore >= 70 ? 'success' : 'warning']">{{ caseInfo.specificCrimeScore }}</span>分,综合得分<span :class="['score', caseInfo.totalScore >= 70 ? 'success' : 'warning']">{{ caseInfo.totalScore }}</span>分,初步判定“<span :class="['score', caseInfo.totalScore >= 70 ? 'success' : 'warning']">{{ caseInfo.scoreDesc }}</span></span>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<div class="card_header">{{ `(一)${caseInfo.commonIndexCount}个共性证据指标占${caseInfo.commonIndexHitCount}` }}</div> <div class="card_header">{{ `(一)${caseInfo.commonIndexCount}个共性证据指标占${caseInfo.commonIndexHitCount}` }}</div>
<div class="tip">包括(对应指标展</div> <div v-if="caseInfo.commonIndexHitCount !==0" class="tip">(</div>
<div class="tip_list"> <div class="tip_list">
<span v-for="(item,index) in caseInfo.commonIndexDescList" :key="index">{{ `${index + 1}. ${item}` }}</span> <span v-for="(item,index) in caseInfo.commonIndexDescList" :key="index">{{ `${index + 1}. ${item}` }}</span>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<div class="card_header">{{ `(二)${caseInfo.specificCrimeIndexCount}${caseInfo.specificCrime}${caseInfo.specificCrimeIndexHitCount}` }}</div> <div class="card_header">{{ `(二)${caseInfo.specificCrimeIndexCount}${caseInfo.specificCrime}${caseInfo.specificCrimeIndexHitCount}` }}</div>
<div class="tip">包括(对应指标展</div> <div v-if="caseInfo.specificCrimeIndexHitCount !==0" class="tip">(</div>
<div class="tip_list"> <div class="tip_list">
<span v-for="(item,index) in caseInfo.specificCrimeIndexDescList" :key="index">{{ `${index + 1}. ${item}` }}</span> <span v-for="(item,index) in caseInfo.specificCrimeIndexDescList" :key="index">{{ `${index + 1}. ${item}` }}</span>
</div> </div>
@ -56,7 +56,7 @@ export default {
caseName: '', caseName: '',
evaluationTime: '', evaluationTime: '',
commonScore: '', commonScore: '',
missAtomicIndexCount:"", missAtomicIndexCount: '',
specificCrime: '', specificCrime: '',
specificCrimeScore: '', specificCrimeScore: '',
totalScore: '', totalScore: '',
@ -69,7 +69,7 @@ export default {
specificCrimeIndexCount: '', specificCrimeIndexCount: '',
specificCrimeIndexHitCount: '', specificCrimeIndexHitCount: '',
specificCrimeIndexDescList: [], specificCrimeIndexDescList: [],
guideDesc: '', guideDesc: '',
commonIndexDesc: '', commonIndexDesc: '',
specificCrimeIndexDesc: '' specificCrimeIndexDesc: ''
} }

@ -7,7 +7,7 @@
--> -->
<template> <template>
<div id="chartsMax" class="CaseAtlas"> <div v-if="nodeLabels.length > 0" id="chartsMax" class="CaseAtlas">
<div class="left" :style="{margin:fullFlag?'24px 0 0 24px':''}"> <div class="left" :style="{margin:fullFlag?'24px 0 0 24px':''}">
<div class="title">{{ `实体(${nodeLabels.length})` }}</div> <div class="title">{{ `实体(${nodeLabels.length})` }}</div>
<div class="node-list"> <div class="node-list">
@ -38,6 +38,12 @@
</div> </div>
</div> </div>
<div v-else class="CaseAtlas_empty">
<div class="content">
<img src="@/assets/common/file_empty.png" alt="">
<span>暂无数据</span>
</div>
</div>
</template> </template>
<script> <script>
@ -276,6 +282,25 @@ export default {
// padding-top: 100px; // padding-top: 100px;
// padding-left: 100px; // padding-left: 100px;
} }
.CaseAtlas_empty {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
.content {
display: flex;
flex-direction: column;
text-align: center;
img {
width: 200px;
height: 200px;
}
span {
font-size: 16px;
color: #333333;
}
}
}
// .CaseAtlas :-moz-full-screen{ // .CaseAtlas :-moz-full-screen{
// background-color: white!important; // background-color: white!important;
// } // }

@ -48,7 +48,7 @@
<span v-if="row.rowPercentage !== null">{{ row.rowPercentage + '%' }}</span> <span v-if="row.rowPercentage !== null">{{ row.rowPercentage + '%' }}</span>
<span v-else>{{ row.percentage }}</span> <span v-else>{{ row.percentage }}</span>
<el-badge v-if="row.isPromptUpdate" style="margin-left: 6px;"> <el-badge v-if="row.isPromptUpdate" style="margin-left: 6px;">
<el-tag type="success">最新</el-tag> <!-- <el-tag type="success">最新</el-tag> -->
</el-badge> </el-badge>
</div> </div>
</template> </template>
@ -62,7 +62,7 @@
/> />
</div> --> </div> -->
<!--新增用户--> <!--新增用户-->
<add-case-user ref="addUser" @reloadData="fetchData" /> <add-case-user ref="addUser" @reloadData="refreshData" />
<!--选择三元组信息入库--> <!--选择三元组信息入库-->
<triplet-info ref="triplet" @save="fetchData" /> <triplet-info ref="triplet" @save="fetchData" />
<!--选择上传方式--> <!--选择上传方式-->

@ -61,10 +61,10 @@
<!-- <el-descriptions-item label="立案时间">{{ caseData.registerTime || '暂未添加,上传笔录后自动生成' }}</el-descriptions-item> <!-- <el-descriptions-item label="立案时间">{{ caseData.registerTime || '暂未添加,上传笔录后自动生成' }}</el-descriptions-item>
<el-descriptions-item label="受理时间">{{ caseData.acceptTime || '暂未添加,上传笔录后自动生成' }}</el-descriptions-item> --> <el-descriptions-item label="受理时间">{{ caseData.acceptTime || '暂未添加,上传笔录后自动生成' }}</el-descriptions-item> -->
<el-descriptions-item label="行为人">{{ caseData.caseActorName || '暂未添加,上传笔录后自动生成' }}</el-descriptions-item> <el-descriptions-item label="行为人">{{ caseData.caseActorName || '' }}</el-descriptions-item>
<el-descriptions-item label="当事人"> <el-descriptions-item label="当事人">
<div slot="default" :title="caseData.lawParty || '暂未添加,上传笔录后自动生成'" class="case-lawParty"> <div slot="default" :title="caseData.lawParty || ''" class="case-lawParty">
{{ caseData.lawParty || '暂未添加,上传笔录后自动生成' }} {{ caseData.lawParty || '' }}
</div> </div>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="案件概述" span="24"> <el-descriptions-item label="案件概述" span="24">
@ -305,7 +305,7 @@ export default {
this.scoreOption.series[0].pointer.itemStyle.color = '#FFA942' this.scoreOption.series[0].pointer.itemStyle.color = '#FFA942'
this.commonStyle.color = '#FFBB69' this.commonStyle.color = '#FFBB69'
this.circleStyle.boxShadow = '0px 1px 30px 0px rgba(255,169,66,0.2)' this.circleStyle.boxShadow = '0px 1px 30px 0px rgba(255,169,66,0.2)'
} else { } else if (this.caseData.identifyResult === '1') {
this.scoreOption.series[0].progress.itemStyle.color.colorStops = [{ this.scoreOption.series[0].progress.itemStyle.color.colorStops = [{
offset: 0, color: '#FF3429' offset: 0, color: '#FF3429'
}, { }, {
@ -314,6 +314,15 @@ export default {
this.scoreOption.series[0].pointer.itemStyle.color = '#FF3429' this.scoreOption.series[0].pointer.itemStyle.color = '#FF3429'
this.commonStyle.color = '#FF3429' this.commonStyle.color = '#FF3429'
this.circleStyle.boxShadow = '0px 1px 30px 0px rgba(255,169,66,0.2)' this.circleStyle.boxShadow = '0px 1px 30px 0px rgba(255,169,66,0.2)'
} else {
this.scoreOption.series[0].progress.itemStyle.color.colorStops = [{
offset: 0, color: '#FFBB69'
}, {
offset: 1, color: '#FFBB69'
}]
this.scoreOption.series[0].pointer.itemStyle.color = '#E2E6E2'
this.commonStyle.color = '#FFBB69'
this.circleStyle.boxShadow = '0px 1px 30px 0px rgba(255,169,66,0.2)'
} }
} }
}) })

@ -369,7 +369,8 @@ export default {
.item-header { .item-header {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 10px; padding: 0 10px;
height: 40px;
font-size: 13px; font-size: 13px;
border-bottom: 1px solid #CADFFF; border-bottom: 1px solid #CADFFF;
.main-title { .main-title {
@ -435,13 +436,13 @@ export default {
} }
} }
.status_img { .status_img {
width: 20px; width: 18px;
height: 20px; height: 18px;
margin-right: 16px; margin-right: 16px;
} }
.circle { .circle {
width: 17px; /* 圆的直径 */ width: 12px; /* 圆的直径 */
height: 17px; /* 圆的直径 */ height: 12px; /* 圆的直径 */
border: 3px solid #3763FF; /* 边框颜色和宽度 */ border: 3px solid #3763FF; /* 边框颜色和宽度 */
border-radius: 50%; /* 使其成为圆形 */ border-radius: 50%; /* 使其成为圆形 */
background-color: transparent; /* 背景透明 */ background-color: transparent; /* 背景透明 */

Loading…
Cancel
Save