跨域搜索
This commit is contained in:
XaoLi717
parent
d786ec3701
commit
75292d3f81
@ -150,6 +150,7 @@ const exportLoading = ref(false) // 导出的加载中
|
|||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
try {
|
try {
|
||||||
|
console.log("queryParams",queryParams)
|
||||||
const data = await Star2Api.getStar2Page(queryParams)
|
const data = await Star2Api.getStar2Page(queryParams)
|
||||||
list.value = data.list
|
list.value = data.list
|
||||||
total.value = data.total
|
total.value = data.total
|
||||||
|
|||||||
134
src/views/search/abstract-group-bk.vue
Normal file
134
src/views/search/abstract-group-bk.vue
Normal file
@ -0,0 +1,134 @@
|
|||||||
|
<template>
|
||||||
|
<div class="abstract-group">
|
||||||
|
<el-checkbox-group v-model="abstract" class="abstract-checkbox-group" @change="changeCheckAll"
|
||||||
|
v-if="props.checkbox && (props.abstractList?.length !== 0)" >
|
||||||
|
<el-checkbox class="abstract-checkbox" v-for="(item,index) of props.abstractList" :key="index" :label="item">
|
||||||
|
<abstract-item :abstract="item" :searchSimilar="props.searchSimilar" :showCollect="props.showCollect"
|
||||||
|
@open-collect="openCollect" :from="props.from" />
|
||||||
|
</el-checkbox>
|
||||||
|
</el-checkbox-group>
|
||||||
|
<div class="abstract-list" v-if="!props.checkbox">
|
||||||
|
<abstract-item class="abstract" v-for="(item,index) of props.abstractList" :key="index" :abstract="item"
|
||||||
|
:searchSimilar="props.searchSimilar" :checkbox="props.checkbox" :showCollect="props.showCollect"
|
||||||
|
@open-collect="openCollect" :from="props.from"/>
|
||||||
|
</div>
|
||||||
|
<div class="abstract-checkbox-group-empty" v-if="props.abstractList?.length===0">
|
||||||
|
<span>暂无数据</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import AbstractItem from './abxtract-item.vue'
|
||||||
|
import { defineProps } from 'vue';
|
||||||
|
import {SearchVO} from "@/api/search/main";
|
||||||
|
defineOptions({ name: 'AbstractGroup' })
|
||||||
|
const emit = defineEmits(['changeCheckAll','openCollect'])
|
||||||
|
const props = defineProps<{
|
||||||
|
abstractList: Array<SearchVO>,
|
||||||
|
searchSimilar: Boolean,
|
||||||
|
checkAll: Boolean,
|
||||||
|
indeterminate: Boolean,
|
||||||
|
searchCheckList: Array<any>,
|
||||||
|
checkbox: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
showCollect: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
from: String
|
||||||
|
}>()
|
||||||
|
let abstract = reactive<any[]>([])
|
||||||
|
watch(
|
||||||
|
() => props.checkAll,
|
||||||
|
() => {
|
||||||
|
if (props.checkAll) {
|
||||||
|
abstract.splice(0,abstract.length,...props.abstractList)
|
||||||
|
} else if (!props.indeterminate) {
|
||||||
|
abstract.splice(0,abstract.length)
|
||||||
|
}
|
||||||
|
}, { immediate: true }
|
||||||
|
)
|
||||||
|
const changeCheckAll = (val) => {
|
||||||
|
if (abstract.length === props.abstractList?.length){
|
||||||
|
emit('changeCheckAll',true,val)
|
||||||
|
}else{
|
||||||
|
emit('changeCheckAll',false,val)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const openCollect = (data) => {
|
||||||
|
emit('openCollect', data);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
if (true) {
|
||||||
|
abstract.splice(0, abstract.length, ...props.abstractList);
|
||||||
|
}
|
||||||
|
if (props.searchCheckList && props.searchCheckList.length > 0)
|
||||||
|
{
|
||||||
|
// abstract.value = props.searchCheckList
|
||||||
|
abstract.splice(0, abstract.length, ...props.searchCheckList);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.abstract-group {
|
||||||
|
.abstract-checkbox-group {
|
||||||
|
/*padding: 0 4px;*/
|
||||||
|
|
||||||
|
.abstract-checkbox {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1px solid #ECEEF5;
|
||||||
|
/*cursor: auto;*/
|
||||||
|
transition: background-color .3s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #e1f3fb;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-checkbox__input {
|
||||||
|
position: absolute;
|
||||||
|
top: 26px;
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-checkbox__label {
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-list {
|
||||||
|
.abstract {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1px solid #ECEEF5;
|
||||||
|
/*cursor: auto;*/
|
||||||
|
transition: background-color .3s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #f5f7fa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-checkbox-group-empty {
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 1px solid #ECEEF5;
|
||||||
|
border-right: 1px solid #ECEEF5;
|
||||||
|
border-left: 1px solid #ECEEF5;
|
||||||
|
|
||||||
|
> span {
|
||||||
|
color: #909399;
|
||||||
|
line-height: 120px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
129
src/views/search/abstract-group.vue
Normal file
129
src/views/search/abstract-group.vue
Normal file
@ -0,0 +1,129 @@
|
|||||||
|
<template>
|
||||||
|
<div class="abstract-group">
|
||||||
|
123213123123567890
|
||||||
|
<!-- v-if="props.checkbox && (props.abstractList?.length !== 0)">-->
|
||||||
|
<el-checkbox-group v-model="abstract" class="abstract-checkbox-group" @change="changeCheckAll"
|
||||||
|
v-if="true">
|
||||||
|
<el-checkbox class="abstract-checkbox" v-for="(item,index) of props.abstractList" :key="index" :label="item">
|
||||||
|
</el-checkbox>
|
||||||
|
</el-checkbox-group>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import AbstractItem from './abxtract-item.vue'
|
||||||
|
import { defineProps } from 'vue';
|
||||||
|
import {SearchVO} from "@/api/search/search";
|
||||||
|
defineOptions({ name: 'AbstractGroup' })
|
||||||
|
const emit = defineEmits(['changeCheckAll','openCollect'])
|
||||||
|
const props = defineProps<{
|
||||||
|
abstractList: Array<SearchVO>,
|
||||||
|
searchSimilar: {
|
||||||
|
type:boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
checkAll: boolean,
|
||||||
|
indeterminate: boolean,
|
||||||
|
searchCheckList: Array<any>,
|
||||||
|
checkbox: {
|
||||||
|
type: boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
showCollect: {
|
||||||
|
type: boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
from: string
|
||||||
|
}>()
|
||||||
|
let abstract = reactive<SearchVO[]>([])
|
||||||
|
watch(
|
||||||
|
() => props.checkAll,
|
||||||
|
() => {
|
||||||
|
if (props.checkAll) {
|
||||||
|
abstract.splice(0,abstract.length,...props.abstractList)
|
||||||
|
} else if (!props.indeterminate) {
|
||||||
|
abstract.splice(0,abstract.length)
|
||||||
|
}
|
||||||
|
}, { immediate: true }
|
||||||
|
)
|
||||||
|
const changeCheckAll = (val) => {
|
||||||
|
if (abstract.length === props.abstractList?.length){
|
||||||
|
emit('changeCheckAll',true,val)
|
||||||
|
}else{
|
||||||
|
emit('changeCheckAll',false,val)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const openCollect = (data) => {
|
||||||
|
emit('openCollect', data);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
if (true) {
|
||||||
|
abstract.splice(0, abstract.length, ...props.abstractList);
|
||||||
|
}
|
||||||
|
if (props.searchCheckList && props.searchCheckList.length > 0)
|
||||||
|
{
|
||||||
|
// abstract.value = props.searchCheckList
|
||||||
|
abstract.splice(0, abstract.length, ...props.searchCheckList);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.abstract-group {
|
||||||
|
.abstract-checkbox-group {
|
||||||
|
/*padding: 0 4px;*/
|
||||||
|
|
||||||
|
.abstract-checkbox {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1px solid #ECEEF5;
|
||||||
|
/*cursor: auto;*/
|
||||||
|
transition: background-color .3s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #e1f3fb;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-checkbox__input {
|
||||||
|
position: absolute;
|
||||||
|
top: 26px;
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-checkbox__label {
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-list {
|
||||||
|
.abstract {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1px solid #ECEEF5;
|
||||||
|
/*cursor: auto;*/
|
||||||
|
transition: background-color .3s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #f5f7fa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-checkbox-group-empty {
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 1px solid #ECEEF5;
|
||||||
|
border-right: 1px solid #ECEEF5;
|
||||||
|
border-left: 1px solid #ECEEF5;
|
||||||
|
|
||||||
|
> span {
|
||||||
|
color: #909399;
|
||||||
|
line-height: 120px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
280
src/views/search/abxtract-item-bk.vue
Normal file
280
src/views/search/abxtract-item-bk.vue
Normal file
@ -0,0 +1,280 @@
|
|||||||
|
<template>
|
||||||
|
<div class="abstract-item" :class="checkbox ? 'abstract-checkbox-item': 'abstract-list-item'"
|
||||||
|
@click.prevent="goInfo(abstract,from)" >
|
||||||
|
<div class="abstract-item-header">
|
||||||
|
<div class="abstract-item-title">
|
||||||
|
<i class="abstract-item-icon"
|
||||||
|
v-if="isFileF(abstract.title)"
|
||||||
|
:class="fileName(abstract.title)"></i>
|
||||||
|
<span v-html="abstract.title" :title="filterTag(abstract.title).replace(/<[^>]+>/g,'')">
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="abstract-time">发布日期：{{timeFilter(abstract.publishDate)}}</div>
|
||||||
|
<div class="abstract-item-handle" v-if="showCollect" @click.stop="openCollect(abstract)"><i
|
||||||
|
class="ic-shoucang1"></i>收藏
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="abstract-item-info">
|
||||||
|
<span :title="abstract.author">作者：<i>{{abstract.author}}</i></span>
|
||||||
|
<span v-if="abstract.type" :title="abstract.type">分类：<i>{{abstract.type}}</i></span>
|
||||||
|
</div>
|
||||||
|
<div class="abstract-item-desc" v-html="abstract.summary"></div>
|
||||||
|
<div class="abstract-item-footer">
|
||||||
|
<div class="abstract-item-tag">
|
||||||
|
<span>标签：</span>
|
||||||
|
<span v-for="(tag,t) of abstract.labels" :key="t" class="tag" v-html="tag"
|
||||||
|
:title="filterTag(abstract.labels)"></span>
|
||||||
|
<span v-if="!abstract.labels || abstract.labels.length===0" class="tag">暂无标签</span>
|
||||||
|
</div>
|
||||||
|
<div class="abstract-item-num">
|
||||||
|
<template>
|
||||||
|
<span @click="outerVisible = true">查看详细信息 *</span>
|
||||||
|
</template>
|
||||||
|
<template>
|
||||||
|
<i></i>
|
||||||
|
<span>浏览（{{abstract.readCount?abstract.readCount:0}}）</span>
|
||||||
|
</template>
|
||||||
|
<template v-if="!searchSimilar">
|
||||||
|
<i></i>
|
||||||
|
<span>评论（{{abstract.commentCount?abstract.commentCount:0}}）</span>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-dialog
|
||||||
|
title="知识内容"
|
||||||
|
v-model="outerVisible"
|
||||||
|
style="height: 100%;
|
||||||
|
width: 100%"
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
:list="viewLs"
|
||||||
|
/>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import Template from "../../../activiti/index.vue";
|
||||||
|
import View from "@/views/search/view.vue";
|
||||||
|
import {computed, defineProps } from "vue";
|
||||||
|
import { useRouter } from 'vue-router';
|
||||||
|
import {SearchVO} from "@/api/search/main";
|
||||||
|
|
||||||
|
defineOptions({name:'AbstractItem'})
|
||||||
|
const router = useRouter();
|
||||||
|
const emit = defineEmits(['open-collect'])
|
||||||
|
const outerVisible = ref(false)
|
||||||
|
const viewLs = ref<Object>({})
|
||||||
|
const disViw = ref(false)
|
||||||
|
const props = defineProps<{
|
||||||
|
abstract: SearchVO,
|
||||||
|
searchSimilar: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
checkbox: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
showCollect: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
from: String
|
||||||
|
}>()
|
||||||
|
const filterTag = (val) =>{
|
||||||
|
return val.join(' ').replace(/<[^>]+>/g, '')
|
||||||
|
}
|
||||||
|
const fileName = (file) => {
|
||||||
|
return file
|
||||||
|
}
|
||||||
|
const isFileF = computed((v) => {
|
||||||
|
console.log(v)
|
||||||
|
return (v) => {
|
||||||
|
console.log(v)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
//方法
|
||||||
|
const addView = async () => {
|
||||||
|
viewLs.value = props.abstract
|
||||||
|
disViw.value = !disViw.value
|
||||||
|
}
|
||||||
|
const goInfo = async (row,path) => {
|
||||||
|
let url: { href: string } | null = null;
|
||||||
|
if (path === 'document'){
|
||||||
|
url = router.resolve({
|
||||||
|
name: 'dmInfo',
|
||||||
|
query: {
|
||||||
|
id: row.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else if (row.library.id === '1'){
|
||||||
|
url = router.resolve({
|
||||||
|
name: 'atomicView',
|
||||||
|
query: {
|
||||||
|
id: row.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
window.open(url?.href,'-blank')
|
||||||
|
}
|
||||||
|
|
||||||
|
const openCollect = async (data) => {
|
||||||
|
emit('open-collect', data)
|
||||||
|
}
|
||||||
|
//初始化
|
||||||
|
onMounted(() => {
|
||||||
|
addView();
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
$--color-primary: #1890ff;
|
||||||
|
|
||||||
|
.abstract-checkbox-item {
|
||||||
|
margin: 19px 9px 0 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-list-item {
|
||||||
|
padding: 19px 9px 0 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item {
|
||||||
|
/*height: 153px;*/
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.abstract-item-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
|
||||||
|
.abstract-item-title {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #303133;
|
||||||
|
height: 24px;
|
||||||
|
line-height: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
|
||||||
|
> .abstract-item-icon {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-time {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #909399;
|
||||||
|
margin-left: 20px;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
font-style: normal;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-search {
|
||||||
|
width: 88px;
|
||||||
|
height: 22px;
|
||||||
|
border: 1px solid $--color-primary;
|
||||||
|
border-radius: 2px;
|
||||||
|
color: $--color-primary;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 22px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-handle {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 16px;
|
||||||
|
height: 16px;
|
||||||
|
color: $--color-primary;
|
||||||
|
margin-left: 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-info {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
height: 15px;
|
||||||
|
line-height: 15px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
|
||||||
|
> span {
|
||||||
|
color: #909399;
|
||||||
|
margin-right: 30px;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
font-style: normal;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-desc {
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #606266;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
margin-bottom: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 12px;
|
||||||
|
height: 15px;
|
||||||
|
line-height: 15px;
|
||||||
|
color: #909399;
|
||||||
|
margin-bottom: 19px;
|
||||||
|
|
||||||
|
.abstract-item-tag {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
|
> span.tag {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-num {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
display: inline-block;
|
||||||
|
width: 1px;
|
||||||
|
height: 12px;
|
||||||
|
background-color: #C0C4CC;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
280
src/views/search/abxtract-item.vue
Normal file
280
src/views/search/abxtract-item.vue
Normal file
@ -0,0 +1,280 @@
|
|||||||
|
<template>
|
||||||
|
<div class="abstract-item" :class="checkbox ? 'abstract-checkbox-item': 'abstract-list-item'"
|
||||||
|
@click.prevent="goInfo(abstract,from)" >
|
||||||
|
<div class="abstract-item-header">
|
||||||
|
<div class="abstract-item-title">
|
||||||
|
<i class="abstract-item-icon"
|
||||||
|
v-if="isFileF(abstract.title)"
|
||||||
|
:class="fileName(abstract.title)"></i>
|
||||||
|
<span v-html="abstract.title" :title="filterTag(abstract.title).replace(/<[^>]+>/g,'')">
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="abstract-time">发布日期：{{abstract.publishDate}}</div>
|
||||||
|
<div class="abstract-item-handle" v-if="showCollect" @click.stop="openCollect(abstract)"><i
|
||||||
|
class="ic-shoucang1"></i>收藏
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="abstract-item-info">
|
||||||
|
<!-- <span :title="abstract.author">作者：<i>{{abstract.author}}</i></span>-->
|
||||||
|
<!-- <span v-if="abstract.type" :title="abstract.type">分类：<i>{{abstract.type}}</i></span>-->
|
||||||
|
</div>
|
||||||
|
<div class="abstract-item-desc" v-html="abstract.summary"></div>
|
||||||
|
<div class="abstract-item-footer">
|
||||||
|
<div class="abstract-item-tag">
|
||||||
|
<!-- <span>标签：</span>-->
|
||||||
|
<!-- <span v-for="(tag,t) of abstract.labels" :key="t" class="tag" v-html="tag"-->
|
||||||
|
<!-- :title="filterTag(abstract.labels)"></span>-->
|
||||||
|
<!-- <span v-if="!abstract.labels || abstract.labels.length===0" class="tag">暂无标签</span>-->
|
||||||
|
</div>
|
||||||
|
<div class="abstract-item-num">
|
||||||
|
<template>
|
||||||
|
<span @click="outerVisible = true">查看详细信息 *</span>
|
||||||
|
</template>
|
||||||
|
<template>
|
||||||
|
<i></i>
|
||||||
|
<span>浏览（{{abstract.readCount?abstract.readCount:0}}）</span>
|
||||||
|
</template>
|
||||||
|
<!-- <template v-if="!searchSimilar">-->
|
||||||
|
<!-- <i></i>-->
|
||||||
|
<!-- <span>评论（{{abstract.commentCount?abstract.commentCount:0}}）</span>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-dialog
|
||||||
|
title="知识内容"
|
||||||
|
v-model="outerVisible"
|
||||||
|
style="height: 100%;
|
||||||
|
width: 100%"
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
:list="viewLs"
|
||||||
|
/>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import Template from "../../../activiti/index.vue";
|
||||||
|
import View from "@/views/search/view.vue";
|
||||||
|
import {computed, defineProps } from "vue";
|
||||||
|
import { useRouter } from 'vue-router';
|
||||||
|
import {SearchVO} from "@/api/search/search";
|
||||||
|
|
||||||
|
defineOptions({name:'AbstractItem'})
|
||||||
|
const router = useRouter();
|
||||||
|
const emit = defineEmits(['open-collect'])
|
||||||
|
const outerVisible = ref(false)
|
||||||
|
const viewLs = ref<Object>({})
|
||||||
|
const disViw = ref(false)
|
||||||
|
const props = defineProps<{
|
||||||
|
abstract: SearchVO,
|
||||||
|
searchSimilar: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
checkbox: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
showCollect: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
from: String
|
||||||
|
}>()
|
||||||
|
const filterTag = (val) =>{
|
||||||
|
return val.join(' ').replace(/<[^>]+>/g, '')
|
||||||
|
}
|
||||||
|
const fileName = (file) => {
|
||||||
|
return file
|
||||||
|
}
|
||||||
|
const isFileF = computed((v) => {
|
||||||
|
console.log(v)
|
||||||
|
return (v) => {
|
||||||
|
console.log(v)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
//方法
|
||||||
|
const addView = async () => {
|
||||||
|
viewLs.value = props.abstract
|
||||||
|
disViw.value = !disViw.value
|
||||||
|
}
|
||||||
|
const goInfo = async (row,path) => {
|
||||||
|
let url: { href: string } | null = null;
|
||||||
|
if (path === 'document'){
|
||||||
|
url = router.resolve({
|
||||||
|
name: 'dmInfo',
|
||||||
|
query: {
|
||||||
|
id: row.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else if (row.library.id === '1'){
|
||||||
|
url = router.resolve({
|
||||||
|
name: 'atomicView',
|
||||||
|
query: {
|
||||||
|
id: row.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
window.open(url?.href,'-blank')
|
||||||
|
}
|
||||||
|
|
||||||
|
const openCollect = async (data) => {
|
||||||
|
emit('open-collect', data)
|
||||||
|
}
|
||||||
|
//初始化
|
||||||
|
onMounted(() => {
|
||||||
|
addView();
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
$--color-primary: #1890ff;
|
||||||
|
|
||||||
|
.abstract-checkbox-item {
|
||||||
|
margin: 19px 9px 0 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-list-item {
|
||||||
|
padding: 19px 9px 0 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item {
|
||||||
|
/*height: 153px;*/
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.abstract-item-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
|
||||||
|
.abstract-item-title {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #303133;
|
||||||
|
height: 24px;
|
||||||
|
line-height: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
|
||||||
|
> .abstract-item-icon {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-time {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #909399;
|
||||||
|
margin-left: 20px;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
font-style: normal;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-search {
|
||||||
|
width: 88px;
|
||||||
|
height: 22px;
|
||||||
|
border: 1px solid $--color-primary;
|
||||||
|
border-radius: 2px;
|
||||||
|
color: $--color-primary;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 22px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-handle {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 16px;
|
||||||
|
height: 16px;
|
||||||
|
color: $--color-primary;
|
||||||
|
margin-left: 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-info {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
height: 15px;
|
||||||
|
line-height: 15px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
|
||||||
|
> span {
|
||||||
|
color: #909399;
|
||||||
|
margin-right: 30px;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
font-style: normal;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-desc {
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #606266;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
margin-bottom: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 12px;
|
||||||
|
height: 15px;
|
||||||
|
line-height: 15px;
|
||||||
|
color: #909399;
|
||||||
|
margin-bottom: 19px;
|
||||||
|
|
||||||
|
.abstract-item-tag {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
|
> span.tag {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.abstract-item-num {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
> i {
|
||||||
|
display: inline-block;
|
||||||
|
width: 1px;
|
||||||
|
height: 12px;
|
||||||
|
background-color: #C0C4CC;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user