|
@@ -26,18 +26,34 @@
|
|
|
</pane>
|
|
|
<pane class="center-container">
|
|
|
<div class="input-box">
|
|
|
- <el-select v-model="state.queryParams.RetrievalType" placeholder="请选择" class="width120" @change="handleQuery">
|
|
|
+ <el-select
|
|
|
+ v-model="state.queryParams.RetrievalType"
|
|
|
+ placeholder="请选择"
|
|
|
+ class="width120"
|
|
|
+ @change="handleQuery"
|
|
|
+ :disabled="centerLoading"
|
|
|
+ >
|
|
|
<el-option label="标题" value="0" />
|
|
|
<el-option label="关键词" value="1" />
|
|
|
<el-option label="摘要" value="2" />
|
|
|
</el-select>
|
|
|
<div class="input-with-button w100">
|
|
|
<div class="flex">
|
|
|
- <el-input v-model="state.queryParams.text" placeholder="关键词" clearable class="mr10 w100" @keyup.enter="handleQuery"> </el-input>
|
|
|
- <el-button type="primary" class="btn" :loading="state.loading" @click="handleQuery"
|
|
|
+ <el-input
|
|
|
+ v-model="state.queryParams.text"
|
|
|
+ placeholder="关键词"
|
|
|
+ clearable
|
|
|
+ class="mr10 w100"
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
+ :disabled="centerLoading"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-button type="primary" class="btn" :loading="centerLoading" @click="handleQuery"
|
|
|
><SvgIcon name="ele-Search" class="mr5" />搜索</el-button
|
|
|
>
|
|
|
- <el-button @click="resetQuery" class="default-button"> <SvgIcon name="ele-Refresh" class="mr5" />重置</el-button>
|
|
|
+ <el-button @click="resetQuery" class="default-button" :loading="centerLoading">
|
|
|
+ <SvgIcon name="ele-Refresh" class="mr5" />重置</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -45,7 +61,7 @@
|
|
|
<div style="height: 32px; line-height: 32px">排序:</div>
|
|
|
<el-radio-group v-model="state.queryParams.SortField" @change="handleQuery" style="align-items: normal">
|
|
|
<el-radio value="pageView">浏览量</el-radio>
|
|
|
-<!-- <el-radio value="score">评分</el-radio>-->
|
|
|
+ <!-- <el-radio value="score">评分</el-radio>-->
|
|
|
<el-radio value="creationTime">创建时间</el-radio>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
@@ -53,14 +69,16 @@
|
|
|
<template v-if="state.retrievalList.length">
|
|
|
<el-scrollbar>
|
|
|
<div v-for="(v, i) in state.retrievalList" :key="i" class="retrieval-content-item" @click="onPreview(v)" title="查看详情">
|
|
|
- <h4 class="mb10 text-no-wrap retrieval-content-item-title"> <el-tag type="danger" class="mr10" effect="dark" v-if="v.isPopular">热门案例</el-tag> {{ v.title }}</h4>
|
|
|
+ <h4 class="mb10 text-no-wrap retrieval-content-item-title">
|
|
|
+ <el-tag type="danger" class="mr10" effect="dark" v-if="v.isPopular">热门案例</el-tag> {{ v.title }}
|
|
|
+ </h4>
|
|
|
<div class="flex-center-between mt10 color-info">
|
|
|
<div>
|
|
|
<span class="mr10">创建时间:{{ formatDate(v.creationTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
|
|
|
- <span v-if="v.keywords">关键词:{{v.keywords}}</span>
|
|
|
+ <span v-if="v.keywords">关键词:{{ v.keywords }}</span>
|
|
|
</div>
|
|
|
<div class="flex-center-align">
|
|
|
-<!-- <span class="flex-center-align"><SvgIcon name="ele-StarFilled" size="18px" class="mr3" />{{ v.score }}</span>-->
|
|
|
+ <!-- <span class="flex-center-align"><SvgIcon name="ele-StarFilled" size="18px" class="mr3" />{{ v.score }}</span>-->
|
|
|
<!-- <span class="flex-center-align ml10"><SvgIcon name="ele-ChatDotSquare" size="16px" class="mr3" />{{ v.commentNum }}</span>-->
|
|
|
<span class="flex-center-align ml10"><SvgIcon name="ele-View" size="16px" class="mr3" />{{ v.pageView }}</span>
|
|
|
</div>
|
|
@@ -236,13 +254,13 @@ const resetQuery = throttle(() => {
|
|
|
state.queryParams.text = null;
|
|
|
state.queryParams.RetrievalType = '0';
|
|
|
state.queryParams.SortField = 'pageView';
|
|
|
- state.queryParams.CaseTypeID = null;
|
|
|
state.queryParams.Abstract = null;
|
|
|
state.queryParams.Title = null;
|
|
|
state.queryParams.Keywords = null;
|
|
|
treeSearchRef.value.setSelected(state.queryParams.CaseTypeID, false); // 清空选择
|
|
|
treeSearchRef.value.clearKeyword(); // 清空搜索关键词
|
|
|
treeSearchRef.value.search(); // 搜索
|
|
|
+ state.queryParams.CaseTypeID = null;
|
|
|
queryList();
|
|
|
|
|
|
setTimeout(() => {
|