<template>
    <el-dialog v-model="isScoreShow" title="资讯评分详情" width="680" center>
        <div class="score-detail">
            <el-row class="score-detail-row">
                <el-col :span="6" class="score-detail-label">行业分类标注</el-col>
                <el-col :span="18">
                    <el-row>[{{ scoreDetail.industryLabel.join(',') }}]</el-row>
                    <el-row justify="space-between">
                        <el-col :span="12">置信度：[{{ scoreDetail.industryConfidence.join(',') }}]</el-col>
                        <el-col :span="12" style="text-align: right">分类评分：<span style="color: #36a4f8">[{{
                            scoreDetail.industryScore.join(',') }}]</span></el-col>
                    </el-row>
                </el-col>
            </el-row>
            <el-row class="score-detail-row">
                <el-col :span="6" class="score-detail-label">概念标签标注</el-col>
                <el-col :span="18">
                    <el-row>[{{ scoreDetail.conceptLabel.join(',') }}]</el-row>
                    <el-row justify="space-between">
                        <el-col :span="12">置信度：[{{ scoreDetail.conceptConfidence.join(',') }}]</el-col>
                        <el-col :span="12" style="text-align: right">概念评分：<span style="color: #36a4f8">[{{
                            scoreDetail.conceptScore.join(',') }}]</span></el-col>
                    </el-row>
                </el-col>
            </el-row>
            <el-row class="score-detail-row rule" style="border-bottom: 1px solid #ccc; padding-bottom: 12px">
                <el-col :span="24">*计算规则</el-col>
                <el-col :span="24">资讯行业or概念指标得分=资讯评分*行业or概念中的置信度</el-col>
            </el-row>
            <el-row class="score-detail-row">
                <el-col :span="12">媒体影响力</el-col>
                <el-col :span="12" style="text-align: right">评分：<span style="color: #36a4f8">{{
                    scoreDetail.sourceImpact
                        }}</span></el-col>
            </el-row>
            <el-row class="score-detail-row">
                <el-col :span="12">中国股市相关性</el-col>
                <el-col :span="12" style="text-align: right">置信度：<span style="color: #36a4f8">{{
                    scoreDetail.chinaFactor
                        }}</span></el-col>
            </el-row>
            <el-row class="score-detail-row">
                <el-col :span="12">资讯质量</el-col>
                <el-col :span="12" style="text-align: right">评分：<span style="color: #36a4f8">{{
                    scoreDetail.publicOpinionScore }}</span></el-col>
            </el-row>
            <el-row class="score-detail-row rule">
                <el-col :span="24">*计算规则</el-col>
                <el-col :span="24">资讯评分=媒体影响力分*0.04+资讯质量分*0.25+中国股市相关分*35</el-col>
            </el-row>
            <el-row class="score-detail-row" justify="space-between">
                <el-col :span="12">资讯评分</el-col>
                <el-col :span="12" style="color: #36a4f8; text-align: right; font-weight: 700">{{
                    scoreDetail.newsScore
                    }}</el-col>
            </el-row>
        </div>
        <template #footer>
            <div class="dialog-footer">
                <el-button type="primary" @click="isScoreShow = false">关闭</el-button>
            </div>
        </template>
    </el-dialog>
</template>

<script setup lang="ts" name="loginIndex">
import { defineAsyncComponent, onMounted, reactive, computed } from 'vue';
import { storeToRefs } from 'pinia';
import { useThemeConfig } from '/@/stores/themeConfig';
import { NextLoading } from '/@/utils/loading';


// 页面加载时
onMounted(() => {
});
</script>

<style scoped lang="scss"></style>
