43556292d2
refactor(component): 重构组件模板结构，移除重复代码 feat(component): 添加可选props支持外部数据传入 style(css): 优化样式布局和响应式设计 fix(js): 修复URL路径处理逻辑和滚动加载问题 feat(search): 新增搜索页推荐内容和空状态处理 chore: 添加新图标资源文件
77 lines
4.1 KiB
Plaintext
77 lines
4.1 KiB
Plaintext
<div>
|
|
<div class="item-head flexacenter" ref="itemHead">
|
|
<div class="user-box flexacenter" @click="goPersonalHomepage(item?.user?.uniqid)">
|
|
<img class="avatar" :src="item?.user?.avatar || item.avatar" />
|
|
<div class="name">{{ item?.user?.nickname || item.nickname || "匿名用户" }}</div>
|
|
<img class="group" v-if="item.user?.groupimage" :src="item.user?.groupimage" />
|
|
</div>
|
|
|
|
<div class="time">{{ timestamp }}</div>
|
|
<div class="flex1"></div>
|
|
|
|
<div class="circlePen flexcenter" @click="openedit(item.type)" v-if="page == 'edit' && (item.type == 'offer' || item.type == 'offer_summary')">
|
|
<img class="icon" :src="valueUrl + '/img/pen-icon.png'" />
|
|
</div>
|
|
|
|
<div class="flexacenter" style="position: relative;">
|
|
<div class="anonymous-box flexcenter" @click.stop="cutAnonymous" v-if="page == 'edit' && (item.type == 'vote' || item.type == 'interviewexperience')">
|
|
<span v-if="item.anonymous == 0">公开</span>
|
|
<span v-else>匿名</span>
|
|
</div>
|
|
|
|
<!-- 是否 公开发表 -->
|
|
<template v-if="anonymousState">
|
|
<div class="mask" @click.stop="cutAnonymous"></div>
|
|
<div class="isPublicityBox">
|
|
<div class="isPublicity-item" :class="{'green': item.anonymous == 0}" @click.stop="cutAnonymousState(0)">公开发表
|
|
<img v-if="item.anonymous == 0" class="isPublicityIcon" :src="valueUrl + '/img/u1829.svg'" />
|
|
</div>
|
|
<div class="isPublicity-item" :class="{'green': item.anonymous != 0}" @click.stop="cutAnonymousState(1)">匿名发表
|
|
<img v-if="item.anonymous != 0" class="isPublicityIcon" :src="valueUrl + '/img/u1829.svg'" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
|
|
|
|
<div class="view flexacenter">
|
|
<img class="icon" :src="valueUrl + '/img/eye-icon.svg'" />
|
|
<div class="text">{{ item.views }}</div>
|
|
</div>
|
|
|
|
<div v-if="item.type != 'tenement'" class="btn flexcenter" @click.stop="cutShow">
|
|
<img class="icon" :src="valueUrl + '/img/dot-dot-dot-gray.png'" />
|
|
</div>
|
|
|
|
<div v-if="show">
|
|
<div class="mask" @click.stop="cutShow"></div>
|
|
<div class="operate">
|
|
<div class="item" @click.stop="report">举报</div>
|
|
<template v-if="ismanager">
|
|
<div class="item" @click.stop="hide">{{ item.hidden == 0 ? "隐藏" : "显示" }}</div>
|
|
<div class="item" @click.stop="recommend">{{ item.recommend == 1 ? "取消" : "" }}推荐</div>
|
|
<div class="item" @click.stop="essence">{{ item.best == 1 ? "取消" : "" }}精华</div>
|
|
</template>
|
|
|
|
<template v-if="item.type == 'thread' && item.ismyself">
|
|
<div class="item" @click.stop="edit">编辑</div>
|
|
<div class="item" @click.stop="deleteItem">删除</div>
|
|
</template>
|
|
<div class="item" v-if="page == 'edit' && item.type == 'vote'" @click.stop="deleteItem">删除</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="label flexflex" v-if="sectionn?.length || tags?.length || item.recommend == 1 || item.best == 1">
|
|
<a class="item icon" v-if="item.recommend == 1 && item.best != 1" target="_blank" href="/recommend">
|
|
<img style="height: 25px;" :src="valueUrl + '/img/recommend-icon.png'" />
|
|
</a>
|
|
<a class="item icon" v-if="item.best == 1" target="_blank" href="/best">
|
|
<img style="height: 25px;" v-if="item.best == 1" :src="valueUrl + '/img/essence-icon.png'" />
|
|
</a>
|
|
<a class="item blue" v-for="(item, index) in sectionn" :key="item" :href="'/section/' + item.uniqid" target="_blank">{{ item.name }}</a>
|
|
<a class="item" v-for="(item, index) in tags" :key="item" :href="'/tag/' + item" target="_blank">{{ item }}</a>
|
|
</div>
|
|
|
|
<report v-if="reportState" :itemdata="item"></report>
|
|
</div> |