134 lines
3.3 KiB
Vue
134 lines
3.3 KiB
Vue
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<div class="menu-title">
|
|||
|
|
相似用户（{{ userId }}）
|
|||
|
|
<div class="icon icon-back" @click="backBtn">
|
|||
|
|
<i title="返回"></i>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="block_box" style="margin-top: 20px">
|
|||
|
|
<div class="title">信息</div>
|
|||
|
|
<div>
|
|||
|
|
<el-form label-width="100px">
|
|||
|
|
<el-form-item label="标签">
|
|||
|
|
<template v-for="(tag,index) in user.labelsArr">
|
|||
|
|
<el-tag :key="index">{{ tag }}</el-tag>
|
|||
|
|
</template>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="block_box">
|
|||
|
|
<div class="title">Related Items</div>
|
|||
|
|
<div>
|
|||
|
|
<el-table :data="list" style="width: 100%">
|
|||
|
|
<el-table-column type="index" label="行号" width="60"></el-table-column>
|
|||
|
|
<el-table-column prop="UserId" label="UserId"></el-table-column>
|
|||
|
|
<el-table-column prop="labels" label="标签">
|
|||
|
|
<div slot-scope="scope">
|
|||
|
|
<template v-for="(tag,index) in scope.row.labelsArr">
|
|||
|
|
<el-tag :key="index" v-if="index < 5">{{ tag }}</el-tag>
|
|||
|
|
</template>
|
|||
|
|
<el-tag v-if="scope.row.labelsArr.length > 5">...</el-tag>
|
|||
|
|
</div>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="Score" label="相似度 [0, 1]">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
{{scope.row.Score.toFixed(5)}}
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="操作" width="210">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<el-button @click.native.prevent="recommendItem(scope.row)" type="text" size="small">
|
|||
|
|
查看推荐
|
|||
|
|
</el-button>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import request from '@/utils/request';
|
|||
|
|
|
|||
|
|
var _this;
|
|||
|
|
export default {
|
|||
|
|
name: "similarUser",
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
qo: "",
|
|||
|
|
userId: '',
|
|||
|
|
user: {},
|
|||
|
|
list: []
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
_this = this;
|
|||
|
|
_this.qo = _this.$route.query.qo;
|
|||
|
|
_this.userId = _this.$route.query.userId;
|
|||
|
|
_this.queryUser();
|
|||
|
|
_this.getSimilarUser();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
queryUser() {
|
|||
|
|
request({
|
|||
|
|
url: '/risk-user/query_unique',
|
|||
|
|
method: 'post',
|
|||
|
|
data: {
|
|||
|
|
EQS_fid: _this.userId
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
res.data.labelsArr = res.data.labels ? res.data.labels.split(',') : [];
|
|||
|
|
_this.user = res.data;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getSimilarUser() {
|
|||
|
|
request({
|
|||
|
|
url: '/gorse/get_similar_user',
|
|||
|
|
method: 'post',
|
|||
|
|
data: {
|
|||
|
|
userId: _this.userId
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
res.data.forEach(row => {
|
|||
|
|
row.labelsArr = row.labels ? row.labels.split(',') : [];
|
|||
|
|
});
|
|||
|
|
_this.list = res.data;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
recommendItem(item) {
|
|||
|
|
_this.$router.push({
|
|||
|
|
path: "recommendItem", query: {
|
|||
|
|
userId: item.UserId,
|
|||
|
|
qo: JSON.stringify(_this.qo)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
backBtn() {
|
|||
|
|
this.$router.go(-1);
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style src="../../../css/back.css" scoped></style>
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
|
|||
|
|
.block_box {
|
|||
|
|
margin: 25px;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
border-bottom: 1px solid #ccc;
|
|||
|
|
padding: 15px 25px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
>div {
|
|||
|
|
padding: 25px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|