wan/recom-gorse
Public Access
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

改样式

Browse Source
This commit is contained in:
1025859868@qq.com
2023-10-09 18:19:00 +08:00
parent 8cd092c4fd
commit bbd24b24ae
21 changed files with 556 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/graph/GraphSpace.vue
View File

@@ -791,7 +791,7 @@ function refreshDragedNodePosition(e) {
}
.graph-info-box {
left: 0;
left: 20px;
width: 230px;
}

12
web/src/components/menus/EntrysManage.vue
View File

@@ -6,11 +6,11 @@
<div class="menu-content">
<div>
<el-form :inline="true" :model="qo" class="demo-form-inline">
<el-form-item>
<el-input v-model="qo.LIKES_categories" placeholder="请输入种类" clearable></el-input>
<el-form-item label="种类：">
<el-input v-model="qo.LIKES_categories" placeholder="请输入种类" clearable style="width: 300px"></el-input>
</el-form-item>
<el-form-item>
<el-input v-model="qo.LIKES_labels" placeholder="请输入标签" clearable></el-input>
<el-form-item label="标签：">
<el-input v-model="qo.LIKES_labels" placeholder="请输入标签" clearable style="width: 300px"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="qo.pageNo=1;queryData()">搜 索</el-button>
@@ -18,10 +18,10 @@
</el-form>
</div>
<div style="margin: 0px 0 20px 0">
<el-button type="primary" @click="createRow()">添加</el-button>
<el-button type="primary" @click="createRow()" icon="el-icon-plus">添 加</el-button>
</div>
<div>
<el-table :data="result.records" style="width: 100%">
<el-table :data="result.records" style="width: 100%">
<el-table-column type="index" label="行号" width="60"></el-table-column>
<el-table-column prop="fid" label="fid"></el-table-column>
<el-table-column prop="categories" label="种类">

8
web/src/components/menus/FeedbackTypeManage.vue
View File

@@ -6,8 +6,8 @@
<div class="menu-content">
<div>
<el-form :inline="true" :model="qo" class="demo-form-inline">
<el-form-item>
<el-input v-model="qo.LIKES_name" placeholder="请输入名称" clearable></el-input>
<el-form-item label="名称：">
<el-input v-model="qo.LIKES_name" placeholder="请输入名称" clearable style="width: 300px"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="qo.pageNo=1;queryData()">搜 索</el-button>
@@ -15,10 +15,10 @@
</el-form>
</div>
<div style="margin: 0px 0 20px 0">
<el-button type="primary" @click="createRow()">添加</el-button>
<el-button type="primary" @click="createRow()" icon="el-icon-plus">添 加</el-button>
</div>
<div>
<el-table :data="result.records" style="width: 100%">
<el-table :data="result.records" style="width: 100%">
<el-table-column type="index" label="行号" width="60"></el-table-column>
<el-table-column prop="name" label="名称"></el-table-column>
<el-table-column prop="createTime" label="创建时间" width="180"></el-table-column>

12
web/src/components/menus/GraphImport.vue
View File

@@ -26,12 +26,12 @@
:on-change="handleFileChange"
:limit="2"
:show-file-list="false">
<el-button type="primary">上传文件</el-button>
<el-button type="primary" icon="el-icon-upload2">上传文件</el-button>
</el-upload>
</div>
</el-col>
<el-col :span="2">
<el-button type="primary" style="float:right;" @click="queryData" :loading="btLoading">执行</el-button>
<el-button type="primary" style="float:right;" @click="queryData" :loading="btLoading" icon="el-icon-check">执行</el-button>
</el-col>
</el-row>
<div><a :href="path+'template.xlsx'" download="template.xlsx" style="text-decoration:underline;color: #0D6DFF">下载模板</a></div>
@@ -58,7 +58,7 @@
<el-col :span="10">
<div >
<label>请选择文件：</label>
<el-input v-model="fileName" readonly style="margin-right: 20px;width: calc(100% - 204px)" disabled></el-input>
<el-input v-model="fileName" readonly style="margin-right: 20px;width: calc(100% - 254px)" disabled></el-input>
<el-upload
ref="upload" style="display: inline-block"
:auto-upload="false"
@@ -66,19 +66,19 @@
:on-change="handleFileChange"
:limit="2"
:show-file-list="false">
<el-button type="primary">上传文件</el-button>
<el-button type="primary" icon="el-icon-upload2">上传文件</el-button>
</el-upload>
</div>
<div style="color: red;margin-top: 10px">* zip文件必须包含vertex.json、edge.json</div>
</el-col>
<el-col :span="2">
<el-button type="primary" style="float:right;" @click="startSpace">执行</el-button>
<el-button type="primary" style="float:right;" @click="startSpace" icon="el-icon-check">执行</el-button>
</el-col>
</el-row>
<div><a :href="path+'图谱数据.zip'" download="图谱数据.zip" style="text-decoration:underline;color: #0D6DFF">下载模板</a></div>
<div class="result" style="width: 100%;margin-top: 20px;color: #5c5c5c;" v-if="showFlag && activeName == 'second'">{{message}}</div>
<div style="margin-top: 20px;" v-if="showFlag && activeName == 'second'">
<el-table :data="resultCmd1" border style="width: 100%" >
<el-table :data="resultCmd1" border style="width: 100%" >
<el-table-column prop="title" label="标题"></el-table-column>
<el-table-column prop="gf_name" label="文件名"></el-table-column>
<el-table-column prop="flag" label="状态">

8
web/src/components/menus/GraphModel.vue
View File

@@ -6,8 +6,8 @@
<div class="menu-content">
<div>
<el-form :inline="true" :model="qo" class="demo-form-inline">
<el-form-item>
<el-input v-model="qo.LIKES_name" placeholder="请输入本体名称"></el-input>
<el-form-item label="本体名称：">
<el-input v-model="qo.LIKES_name" placeholder="请输入本体名称" style="width: 300px"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="qo.pageNo=1;queryData()">搜 索</el-button>
@@ -15,10 +15,10 @@
</el-form>
</div>
<div style="margin: 0px 0 20px 0">
<el-button type="primary" @click="createRow()">新建知识图谱本体</el-button>
<el-button type="primary" @click="createRow()" icon="el-icon-plus">新建知识图谱本体</el-button>
</div>
<div>
<el-table :data="result.records" style="width: 100%">
<el-table :data="result.records" style="width: 100%">
<el-table-column type="index" label="行号" width="100"></el-table-column>
<el-table-column prop="name" label="本体名称"></el-table-column>
<el-table-column prop="description" label="本体描述"></el-table-column>

8
web/src/components/menus/GraphSpaceManage.vue
View File

@@ -6,8 +6,8 @@
<div class="menu-content">
<div>
<el-form :inline="true" :model="qo" class="demo-form-inline">
<el-form-item>
<el-input v-model="qo.LIKES_name" placeholder="请输入图谱名称"></el-input>
<el-form-item label="图谱名称：">
<el-input v-model="qo.LIKES_name" placeholder="请输入图谱名称" style="width: 300px"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="qo.pageNo=1;queryData()">搜 索</el-button>
@@ -15,10 +15,10 @@
</el-form>
</div>
<div style="margin: 0px 0 20px 0">
<el-button type="primary" @click="createRow()">新建知识图谱</el-button>
<el-button type="primary" @click="createRow()" icon="el-icon-plus">新建知识图谱</el-button>
</div>
<div>
<el-table :data="result.records" style="width: 100%">
<el-table :data="result.records" style="width: 100%">
<el-table-column type="index" label="行号" width="100"></el-table-column>
<el-table-column prop="name" label="图谱名称"></el-table-column>
<el-table-column prop="comment" label="图谱描述"></el-table-column>

6
web/src/components/menus/GraphSpaceSet.vue
View File

@@ -24,7 +24,7 @@
<el-button type="primary" @click="createTag()">新建类</el-button>
</div>
<div>
<el-table :data="tagList" style="width: 100%">
<el-table :data="tagList" style="width: 100%">
<el-table-column type="index" label="行号" width="100"></el-table-column>
<el-table-column prop="Name" label="名称"></el-table-column>
<el-table-column label="操作">
@@ -45,7 +45,7 @@
<el-button type="primary" @click="createEdge()">新建关系</el-button>
</div>
<div>
<el-table :data="edgeList" style="width: 100%">
<el-table :data="edgeList" style="width: 100%">
<el-table-column type="index" label="行号" width="100"></el-table-column>
<el-table-column prop="Name" label="名称"></el-table-column>
<el-table-column label="操作">
@@ -76,7 +76,7 @@
<el-button type="primary" @click="createIndex()">新建索引</el-button>
</div>
<div>
<el-table :data="indexList" style="width: 100%">
<el-table :data="indexList" style="width: 100%">
<el-table-column type="index" label="行号" width="100"></el-table-column>
<el-table-column prop="name" label="名称"></el-table-column>
<el-table-column prop="type" label="标签" v-if="activeIndexType == 'TAG'"></el-table-column>

127
web/src/components/menus/HomePage.vue
View File

@@ -5,13 +5,18 @@
</div>
<div class="home-box">
<div class="counts-box">
<div class="count-item" v-for="(value, key) in count" :key="key">
<div>{{ key }}</div>
<div>{{ value }}</div>
<div class="count-item" v-for="(value, key, i) in count" :key="key">
<div class="count-img" :style="{background:colorArray[i].color}">
<i :class="colorArray[i].icon"></i>
</div>
<div class="count-title">
<div class="name">{{ key }}</div>
<div class="count">{{ value }}</div>
</div>
</div>
</div>
<div class="chart-box">
<div class="title">正反馈率</div>
<div class="title"><i class="el-icon-s-data" style="margin-right: 10px;font-size: 18px"></i>正反馈率</div>
<div id="chart"></div>
</div>
</div>
@@ -33,7 +38,14 @@ export default {
'总反馈': '267,610',
'正面反馈': '120,927',
'负面反馈': '51,123'
}
},
colorArray:[
{color:"linear-gradient(#2196F3, #2196f394)",icon:"el-icon-user-solid",font:"#2196F3"},
{color:"linear-gradient(#FF9800, #ff980094)",icon:"el-icon-s-goods",font:"#FF9800"},
{color:"linear-gradient(#F44336, #f44336b5)",icon:"el-icon-document-remove",font:"#F44336"},
{color:"linear-gradient(#4CAF50, #8bc34abf)",icon:"el-icon-document-checked",font:"#4CAF50"},
{color:"linear-gradient(#c862d9, #c862d9bf)",icon:"el-icon-document-delete",font:"#c862d9"}
]
}
},
mounted() {
@@ -46,8 +58,8 @@ export default {
let chart = _this.$echarts.init(dom);
chart.setOption({
grid: {
left: '3%',
right: '3%'
left: '5%',
right: '5%'
},
xAxis: {
type: 'category',
@@ -60,12 +72,46 @@ export default {
{
name: 'like',
data: [0.1, 0.23, 0.52, 0.44, 0.49, 0.78, 1],
type: 'line'
type: 'line',
// 区域填充样式
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: '#557cc7' // 0% 处的颜色
},{
offset: 0.2, color: 'rgba(85,124,199,0.2)' // 0% 处的颜色
}, {
offset: 1, color: 'rgba(58,132,255, 0)' // 100% 处的颜色
}],
}
},
},
{
name: 'star',
data: [0.92, 0.7, 0.65, 0.44, 0.55, 0.55, 0.78],
type: 'line'
type: 'line',
// 区域填充样式
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgb(145,204,117)' // 0% 处的颜色
},{
offset: 0.2, color: 'rgba(145,204,117,0.2)' // 0% 处的颜色
}, {
offset: 1, color: 'rgba(58,132,255, 0)' // 100% 处的颜色
}],
}
},
}
]
});
@@ -80,30 +126,33 @@ export default {
}
.home-box {
padding: 0 30px;
padding: 20px 30px 0 30px;
height: calc(100% - 160px);
height: calc(100% - 100px);
.chart-box {
background-color: #fff;
box-shadow: 0px 5px 12px 1px rgba(105, 105, 105, 0.12);
border-radius: 10px;
border-radius: 4px;
overflow: hidden;
margin-top: 30px;
height: calc(100% - 200px);
height: calc(100% - 130px);
#chart {
width: 100%;
height: calc(100% - 60px);
height: calc(100% - 50px);
}
.title {
width: 100%;
height: 60px;
line-height: 60px;
padding-left: 20px;
font-size: 18px;
color: #626672;
border-bottom: 1px solid rgba(105, 105, 105, 0.12);
height: 50px;
margin-top: 10px;
line-height: 50px;
padding-left: 30px;
font-size: 16px;
color: #666666;
font-weight: bold;
//background: #f0f5fa;
//border-bottom: 1px solid rgba(105, 105, 105, 0.12);
}
}
@@ -113,26 +162,44 @@ export default {
.count-item {
width: 18%;
height: 165px;
height: 100px;
background-color: #fff;
box-shadow: 0px 5px 12px 1px rgba(105, 105, 105, 0.12);
text-align: center;
border-radius: 10px;
//text-align: center;
border-radius: 4px;
display: flex;
&:hover {
transform: scale(1.03);
}
> div:first-child {
font-size: 18px;
padding-top: 35px;
color: rgba(103, 109, 122, 0.58);
.count-img{
width: 80px;
color:#ffffff;
font-size: 40px;
text-align: center;
line-height: 100px;
height: 100px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
> div:last-child {
font-size: 40px;
.count-title{
flex: 1;
margin: 0 20px;
}
.name {
font-size: 14px;
padding-top: 20px;
color: #333333;
//font-weight: bold;
}
.count {
font-size: 30px;
color: #3e4c5c;
padding-top: 25px;
padding-top: 15px;
}
}
}

8
web/src/components/menus/UserManage.vue
View File

@@ -6,8 +6,8 @@
<div class="menu-content">
<div>
<el-form :inline="true" :model="qo" class="demo-form-inline">
<el-form-item>
<el-input v-model="qo.LIKES_fid" placeholder="请输入Fid" clearable></el-input>
<el-form-item label="Fid：">
<el-input v-model="qo.LIKES_fid" placeholder="请输入Fid" clearable style="width: 300px"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="qo.pageNo=1;queryData()">搜 索</el-button>
@@ -15,10 +15,10 @@
</el-form>
</div>
<div style="margin: 0px 0 20px 0">
<el-button type="primary" @click="createRow()">添加</el-button>
<el-button type="primary" @click="createRow()" icon="el-icon-plus">添 加</el-button>
</div>
<div>
<el-table :data="result.records" style="width: 100%">
<el-table :data="result.records" style="width: 100%">
<el-table-column type="index" label="行号" width="60"></el-table-column>
<el-table-column prop="fid" label="fid"></el-table-column>
<el-table-column prop="labels" label="标签">