跨域搜索
This commit is contained in:
XaoLi717
parent
4653eb2c02
commit
3fa86351cf
File diff suppressed because it is too large
Load Diff
@ -1,134 +0,0 @@
|
||||
<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>
|
||||
@ -1,280 +0,0 @@
|
||||
<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>
|
||||
@ -1,162 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form ref="form" :model="list">
|
||||
<el-form-item label="知识标题">
|
||||
<input style=" height: 40px; width: 80%" :readOnly="true" v-model="infoList.title"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间">
|
||||
<input style=" height: 40px; width: 80%" :readOnly="true" v-model="infoList.publishDate"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="知识简介">
|
||||
<input style=" height: 40px; width: 80%" :readOnly="true" v-model="infoList.summary"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="知识内容">
|
||||
<editor style="width: 100%" :readOnly="true" v-model="infoList.mainContent"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {SearchVO} from "@/api/search/main";
|
||||
|
||||
defineOptions({name:'View'})
|
||||
const props = defineProps<{
|
||||
list: {
|
||||
type: SearchVO,
|
||||
default: () => ({})
|
||||
}
|
||||
}>()
|
||||
const infoList = reactive({
|
||||
title: '',
|
||||
publishDate: '',
|
||||
summary: '',
|
||||
mainContent: ''
|
||||
});
|
||||
const infoListFc = async () => {
|
||||
Object.assign(infoList, props.list);
|
||||
console.log("infoList",infoList)
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
infoListFc()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/*@import url("http://at.alicdn.com/t/font_2602024_czfyrrtt7tk.css");*/
|
||||
.iconfont{
|
||||
font-family: hufont!important;
|
||||
font-style: normal;
|
||||
margin-right: 5px;
|
||||
color: #00afff;
|
||||
|
||||
speak: none;
|
||||
font-weight: 400;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
vertical-align: baseline;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ic-xiangguanziliao-copy{
|
||||
font-size: 13px;
|
||||
}
|
||||
.list-title{
|
||||
/*border-bottom: solid 1px #eee;
|
||||
padding: 0 1px 8px 1px;*/
|
||||
color:#00afff ;
|
||||
}
|
||||
|
||||
.kms-view{
|
||||
background: #FFFFFF;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.kms-header{
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.08);
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
margin: 15px auto;
|
||||
width: 90%;
|
||||
}
|
||||
.kms-header-title{
|
||||
text-align: center;
|
||||
padding: 30px 0px;
|
||||
}
|
||||
.kms-header-summary{
|
||||
text-align: center;
|
||||
color: #5d5d5d;
|
||||
padding: 5px 10px 30px;
|
||||
}
|
||||
.kms-header-create-info{
|
||||
color: #5d5d5d;
|
||||
font-size: 13px;
|
||||
padding: 5px 10px 30px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
width: 30%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.kms-content{
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.08);
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
margin: 15px auto;
|
||||
width: 90%;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.list-panel{
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.08);
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
margin: 15px auto;
|
||||
width: 90%;
|
||||
padding: 15px 20px 30px;
|
||||
}
|
||||
|
||||
.preview-ul{
|
||||
list-style: none;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.preview-ul li{
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
}
|
||||
.preview-ul li:hover{
|
||||
color:#409eff;
|
||||
}
|
||||
|
||||
.version-ul{
|
||||
list-style: none;
|
||||
width: 95%;
|
||||
}
|
||||
.version-ul li{
|
||||
display: flex;
|
||||
height: 50px;
|
||||
align-items: center;
|
||||
border-bottom: solid 1px #eee;
|
||||
padding-left: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.version-ul li:hover{
|
||||
color:#409eff;
|
||||
}
|
||||
.version-ul li span{
|
||||
margin: 0 15px 0 35px;
|
||||
color: #ddd;
|
||||
}
|
||||
.label{
|
||||
|
||||
}
|
||||
|
||||
.time{
|
||||
color:#bbb;
|
||||
font-size: 12px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user