对于平台多个页面添加了文章的评分功能与显示
文章详情页面为例,代码如下:
<template>
<div>
<div><headers_copy></headers_copy></div>
<el-container class="common-layout" style="height: auto">
<el-aside style="width: 250px;height: 1000px" class="aside">
<div class="aside-header">
<div>
<div class="demo-type">
<div style="padding-left: 5px; padding-top: 10px">
<router-link
:to="{ name: 'user', query: { uid: uid } }"
style="color: #333333; text-decoration: none"
>
<el-avatar
size="large"
class="username"
src="image"
align="center"
><img :src="image"
/></el-avatar>
</router-link>
<el-divider content="username" content-position="left">{
{
username
}}</el-divider>
</div>
</div>
<div style="padding-left: 10px; padding-bottom: 10px">
<el-descriptions-item label="⽤户状态">{
{
state == 0 ? "学⽣" : "教师"
}}</el-descriptions-item>
<el-divider direction="vertical"></el-divider>
<el-descriptions-item label="邮箱">{
{
mail
}}</el-descriptions-item>
</div>
</div>
</div>
<div class="aside-main">
<div class="aside-main-header">
标签
<i class="el-icon-edit"></i>
</div>
<div class="aside-main-main" style="padding-left: 5px;margin: auto">
<el-tag :key="tag" v-for="tag in dynamicTags" content="tag">
{
{ tag }}
</el-tag>
</div>
</div>
<div class="aside-main">
<div class="aside-main-header">
关键词
<i class="el-icon-edit"></i>
</div>
<div class="aside-main-main" style="padding-left: 5px">
<el-tag :key="tag" v-for="tag in keyName" content="tag"style="margin: auto">
{
{ tag }}
</el-tag>
</div>
</div>
<div class="aside-main1">
<div class="aside-main1-header">
文章资源<i class="el-icon-folder-opened"></i>
</div>
<el-divider></el-divider>
<div
class="aside-main-main"
style="padding-top: 5px; padding-left: 5px"
>
<div class="uploadd">
<el-form :model="form">
<el-form-item :label-width="formLabelWidth">
<el-upload
ref="uploadExcel"
action="http://47.107.40.143:8080//upload"
:limit="limitNum"
:disabled="fileUpload"
:data="{
aid: aid,
uid: uid,
sid: '-1',
}"
:on-change="fileChange"
:on-exceed="exceedFile"
:on-success="handleSuccess"
:on-error="handleError"
:file-list="fileList"
>
<el-button
size="small"
plain
class="el-icon-connection"
:disabled="istrue"
style="text-align: center"
>添加附件</el-button
>
</el-upload>
<el-button
size="small"
class="el-icon-connection"
@click="SearchResource()"
>查看附件</el-button
>
</el-form-item>
</el-form>
</div>
</div>
</div>
<div class="aside-footer">
<div
class="aside-footer-header"
style="
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
border: 1p