解决bug,增加情感分析
qinzhenpen
2 years ago
parent
663511c644
commit
af5535b5e0
@ -1,111 +1,111 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="rgzn_top app-container">
|
<div class="rgzn_top app-container">
|
||||||
<div class="top_item">
|
<div class="top_item">
|
||||||
<el-button :class="{'active':isActive===1}" @click="activeIndex(1)">用户数据库</el-button>
|
<el-button :class="{ active: isActive === 1 }" @click="activeIndex(1)">用户数据库</el-button>
|
||||||
<el-button :class="{'active':isActive===2}" @click="activeIndex(2)">描述性统计</el-button>
|
<el-button :class="{ active: isActive === 2 }" @click="activeIndex(2)">描述性统计</el-button>
|
||||||
<el-button :class="{'active':isActive===3}" @click="activeIndex(3)">聚类分析</el-button>
|
<el-button :class="{ active: isActive === 3 }" @click="activeIndex(3)">聚类分析</el-button>
|
||||||
<el-button :class="{'active':isActive===4}" @click="activeIndex(4)">关联规则挖掘</el-button>
|
<el-button :class="{ active: isActive === 4 }" @click="activeIndex(4)">关联规则挖掘</el-button>
|
||||||
<el-button :class="{'active':isActive===5}" @click="activeIndex(5)">回归分析</el-button>
|
<el-button :class="{ active: isActive === 5 }" @click="activeIndex(5)">回归分析</el-button>
|
||||||
<el-button :class="{'active':isActive===6}" @click="activeIndex(6)">情感分析/文本挖掘</el-button>
|
<el-button :class="{ active: isActive === 6 }" @click="activeIndex(6)">情感分析/文本挖掘</el-button>
|
||||||
<el-button :class="{'active':isActive===7}" @click="activeIndex(7)">决策树分析</el-button>
|
<!-- <el-button :class="{'active':isActive===7}" @click="activeIndex(7)">决策树分析</el-button> -->
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<component :is="component"></component>
|
<component :is="component"></component>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
// import AIGC from './AIGCLargeModel/index.vue'
|
// import AIGC from './AIGCLargeModel/index.vue'
|
||||||
import big from './components/bigData.vue'
|
import big from "./components/bigData.vue";
|
||||||
import descriptiveStatistics from './components/descriptiveStatistics.vue'
|
import descriptiveStatistics from "./components/descriptiveStatistics.vue";
|
||||||
import clusterAnalysis from './components/clusterAnalysis.vue'
|
import clusterAnalysis from "./components/clusterAnalysis.vue";
|
||||||
import associationRuleMining from './components/associationRuleMining.vue'
|
import associationRuleMining from "./components/associationRuleMining.vue";
|
||||||
import regressionAnalysis from './components/regressionAnalysis.vue'
|
import regressionAnalysis from "./components/regressionAnalysis.vue";
|
||||||
const component=ref(big)
|
import emotionAnalysis from "./components/emotion-analysis.vue";
|
||||||
const pageData=[big,descriptiveStatistics,clusterAnalysis,associationRuleMining,regressionAnalysis]
|
const component = ref(emotionAnalysis);
|
||||||
const isActive=ref(1)
|
const pageData = [big, descriptiveStatistics, clusterAnalysis, associationRuleMining, regressionAnalysis, emotionAnalysis];
|
||||||
const activeIndex=(index)=>{
|
const isActive = ref(1);
|
||||||
isActive.value=index
|
const activeIndex = (index) => {
|
||||||
component.value=pageData[index-1]
|
isActive.value = index;
|
||||||
}
|
component.value = pageData[index - 1];
|
||||||
</script>
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.content{
|
.content {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.rgzn_top{
|
.rgzn_top {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
.top_item{
|
.top_item {
|
||||||
img{
|
img {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
.el-button{
|
.el-button {
|
||||||
padding-left: 49px !important;
|
padding-left: 49px !important;
|
||||||
}
|
}
|
||||||
.el-button:nth-child(1) {
|
.el-button:nth-child(1) {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: url('../../assets/images/11.png');
|
background: url("../../assets/images/11.png");
|
||||||
color:#FFFFFF;
|
color: #ffffff;
|
||||||
border-color:#FFFFFF00;
|
border-color: #ffffff00;
|
||||||
padding:8px 5px 8px 47px;
|
padding: 8px 5px 8px 47px;
|
||||||
}
|
}
|
||||||
.el-button:nth-child(2) {
|
.el-button:nth-child(2) {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: url('../../assets/images/22.png');
|
background: url("../../assets/images/22.png");
|
||||||
color:#FFFFFF;
|
color: #ffffff;
|
||||||
border-color:#FFFFFF00;
|
border-color: #ffffff00;
|
||||||
padding:8px 5px 8px 47px;
|
padding: 8px 5px 8px 47px;
|
||||||
}
|
}
|
||||||
.el-button:nth-child(3) {
|
.el-button:nth-child(3) {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: url('../../assets/images/33.png');
|
background: url("../../assets/images/33.png");
|
||||||
color:#FFFFFF;
|
color: #ffffff;
|
||||||
border-color:#FFFFFF00;
|
border-color: #ffffff00;
|
||||||
padding:8px 5px 8px 47px;
|
padding: 8px 5px 8px 47px;
|
||||||
}
|
}
|
||||||
.el-button:nth-child(4) {
|
.el-button:nth-child(4) {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: url('../../assets/images/44.png');
|
background: url("../../assets/images/44.png");
|
||||||
color:#FFFFFF;
|
color: #ffffff;
|
||||||
border-color:#FFFFFF00;
|
border-color: #ffffff00;
|
||||||
padding:8px 5px 8px 30px;
|
padding: 8px 5px 8px 30px;
|
||||||
}
|
}
|
||||||
.el-button:nth-child(5) {
|
.el-button:nth-child(5) {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: url('../../assets/images/55.png');
|
background: url("../../assets/images/55.png");
|
||||||
color:#FFFFFF;
|
color: #ffffff;
|
||||||
border-color:#FFFFFF00;
|
border-color: #ffffff00;
|
||||||
padding:8px 5px 8px 25px;
|
padding: 8px 5px 8px 25px;
|
||||||
}
|
}
|
||||||
.el-button:nth-child(6) {
|
.el-button:nth-child(6) {
|
||||||
width: 190px;
|
width: 190px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: url('../../assets/images/66.png');
|
background: url("../../assets/images/66.png");
|
||||||
color:#FFFFFF;
|
color: #ffffff;
|
||||||
border-color:#FFFFFF00;
|
border-color: #ffffff00;
|
||||||
padding:8px 5px 8px 30px;
|
padding: 8px 5px 8px 30px;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
.el-button:nth-child(7) {
|
.el-button:nth-child(7) {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: url('../../assets/images/77.png');
|
background: url("../../assets/images/77.png");
|
||||||
color:#FFFFFF;
|
color: #ffffff;
|
||||||
border-color:#FFFFFF00;
|
border-color: #ffffff00;
|
||||||
padding:8px 5px 8px 20px;
|
padding: 8px 5px 8px 20px;
|
||||||
}
|
|
||||||
.active{
|
|
||||||
background: url('../../assets/images/亮（钮）.png');
|
|
||||||
}
|
}
|
||||||
|
.active {
|
||||||
|
transform: scale(1.1);
|
||||||
|
transition: all 0.3s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue