|
|
|
@ -1,86 +1,87 @@ |
|
|
|
<template> |
|
|
|
<div class="project-main"> |
|
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
:model="dataForm" |
|
|
|
class="search-wrapper" |
|
|
|
@submit.native.prevent |
|
|
|
@keyup.enter.native="search" |
|
|
|
> |
|
|
|
<div class="search-wrapper-top"> |
|
|
|
<el-form-item class="search-item-input-wrapper"> |
|
|
|
<el-input v-model="keyWord" size="small" :placeholder="'全文检索（主要内容）关键词'" clearable> |
|
|
|
<el-button slot="append" icon="el-icon-search" size="small" @click="getDataListInitial">搜索</el-button> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<!-- 筛选条件 --> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" size="small" @click="queryItemVisible=!queryItemVisible">筛选 |
|
|
|
<i v-if="!queryItemVisible" class="el-icon-arrow-right el-icon--right" /> |
|
|
|
<i v-else class="el-icon-arrow-down el-icon--right" /> |
|
|
|
</el-button> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<!-- slot --> |
|
|
|
<el-form-item> |
|
|
|
<slot name="btn" /> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
<transition name="slide-fade"> |
|
|
|
<div v-show="queryItemVisible" class="find-"> |
|
|
|
<!-- 查询条件 --> |
|
|
|
<el-form-item label="必须" style="width:100%;"> |
|
|
|
<item-select v-model="queryItemData_must" :connection="'must'" /> |
|
|
|
<div v-if="!detailViewVisible"> |
|
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
:model="dataForm" |
|
|
|
class="search-wrapper" |
|
|
|
@submit.native.prevent |
|
|
|
@keyup.enter.native="getDataListInitial" |
|
|
|
> |
|
|
|
<div class="search-wrapper-top"> |
|
|
|
<el-form-item class="search-item-input-wrapper"> |
|
|
|
<el-input v-model="keyWord" size="small" :placeholder="'全文检索（主要内容）关键词'" clearable> |
|
|
|
<el-button slot="append" icon="el-icon-search" size="small" @click="getDataListInitial">搜索</el-button> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="可以" style="width:100%;"> |
|
|
|
<item-select v-model="queryItemData_should" :connection="'should'" /> |
|
|
|
<!-- 筛选条件 --> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" size="small" @click="queryItemVisible=!queryItemVisible">筛选 |
|
|
|
<i v-if="!queryItemVisible" class="el-icon-arrow-right el-icon--right" /> |
|
|
|
<i v-else class="el-icon-arrow-down el-icon--right" /> |
|
|
|
</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="排除" style="width:100%;"> |
|
|
|
<item-select v-model="queryItemData_must_not" :connection="'must_not'" /> |
|
|
|
<!-- slot --> |
|
|
|
<el-form-item> |
|
|
|
<slot name="btn" /> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</transition> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<!-- 查询结果 --> |
|
|
|
<div class="result-wrapper"> |
|
|
|
<data-list |
|
|
|
ref="dataList" |
|
|
|
:data-list-loading="dataListLoading" |
|
|
|
:data-list="dataList" |
|
|
|
:project-id="projectId" |
|
|
|
v-bind="$attrs" |
|
|
|
v-on="$listeners" |
|
|
|
/> |
|
|
|
<!-- 分页 --> |
|
|
|
<el-pagination |
|
|
|
background |
|
|
|
:current-page="page" |
|
|
|
:page-sizes="[10, 20, 50, 100, 200, 500]" |
|
|
|
:page-size="limit" |
|
|
|
:total="total" |
|
|
|
layout="total, prev, pager, next, jumper" |
|
|
|
@size-change="pageSizeChangeHandle" |
|
|
|
@current-change="pageCurrentChangeHandle" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
<!-- 底部全选反选 --> |
|
|
|
<checked-footer ref="checkfooter" table-ref="multipleTable" :current-table-list="currentTableList" :data-list="dataList"> |
|
|
|
<div class="batch_button"> |
|
|
|
<transition name="slide-fade"> |
|
|
|
<div v-show="queryItemVisible" class="find-"> |
|
|
|
<!-- 查询条件 --> |
|
|
|
<el-form-item label="必须" style="width:100%;"> |
|
|
|
<item-select v-model="queryItemData_must" :connection="'must'" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="可以" style="width:100%;"> |
|
|
|
<item-select v-model="queryItemData_should" :connection="'should'" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="排除" style="width:100%;"> |
|
|
|
<item-select v-model="queryItemData_must_not" :connection="'must_not'" /> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</transition> |
|
|
|
</el-form> |
|
|
|
<!-- 查询结果 --> |
|
|
|
<div class="result-wrapper"> |
|
|
|
<data-list |
|
|
|
ref="dataList" |
|
|
|
:data-list-loading="dataListLoading" |
|
|
|
:data-list="dataList" |
|
|
|
:project-id="projectId" |
|
|
|
@viewDetail="viewDetail" |
|
|
|
v-bind="$attrs" |
|
|
|
v-on="$listeners" |
|
|
|
/> |
|
|
|
<!-- 分页 --> |
|
|
|
<el-pagination |
|
|
|
background |
|
|
|
:current-page="page" |
|
|
|
:page-sizes="[10, 20, 50, 100, 200, 500]" |
|
|
|
:page-size="limit" |
|
|
|
:total="total" |
|
|
|
layout="total, prev, pager, next, jumper" |
|
|
|
@size-change="pageSizeChangeHandle" |
|
|
|
@current-change="pageCurrentChangeHandle" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
<!-- 底部全选反选 --> |
|
|
|
<checked-footer ref="checkfooter" table-ref="multipleTable" :current-table-list="currentTableList" :data-list="dataList"> |
|
|
|
<div class="batch_button"> |
|
|
|
<el-button type="primary" size="small" :disabled="currentTableList.length > 0 ? false :true">加入分组 |
|
|
|
</el-button> |
|
|
|
<div class="batch_button"> |
|
|
|
<el-button type="primary" size="small" :disabled="currentTableList.length > 0 ? false :true">加入分组 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</checked-footer> |
|
|
|
</checked-footer> |
|
|
|
</div> |
|
|
|
<detail-view v-if="detailViewVisible" ref="viewRef" :only-read="onlyRead" :is-search="'1'" :patient-id="patientId" @detailViewVisible="detailViewVisible=false" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import detailView from '@/components/360View/index1' // 360试图 |
|
|
|
import checked from '@/mixins/checked' |
|
|
|
import checkedFooter from '@/components/checked-footer' |
|
|
|
import dataList from './data-list.vue' |
|
|
|
@ -90,6 +91,7 @@ import Cookies from 'js-cookie' |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
itemSelect, |
|
|
|
detailView, |
|
|
|
dataList, |
|
|
|
checkedFooter |
|
|
|
}, |
|
|
|
@ -107,16 +109,23 @@ export default { |
|
|
|
}, |
|
|
|
dataForm: {}, |
|
|
|
keyWord: '', |
|
|
|
patientId: '', |
|
|
|
limit: 10, |
|
|
|
page: 1, |
|
|
|
total: 0, |
|
|
|
onlyRead: true, |
|
|
|
dataListLoading: false, // 数据列表，loading状态 |
|
|
|
queryItemVisible: false, |
|
|
|
isExpandAll: false, |
|
|
|
detailViewVisible: false, |
|
|
|
queryItemData_must: [], |
|
|
|
queryItemData_should: [], |
|
|
|
queryItemData_must_not: [], |
|
|
|
dataList: [], |
|
|
|
dataList: [ |
|
|
|
{ |
|
|
|
name: 1 |
|
|
|
} |
|
|
|
], |
|
|
|
currentTableList: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -125,12 +134,11 @@ export default { |
|
|
|
deep: true, |
|
|
|
handler(val) { |
|
|
|
if (val.must.length > 0 || val.should.length > 0 || val.must_not.length > 0) { |
|
|
|
console.log(val) |
|
|
|
this.queryItemVisible = true |
|
|
|
this.queryItemData_must = val.must |
|
|
|
this.queryItemData_should = val.should |
|
|
|
this.queryItemData_must_not = val.must_not |
|
|
|
this.getDataList() |
|
|
|
// this.getDataList() |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -145,6 +153,11 @@ export default { |
|
|
|
this.page = 1 |
|
|
|
this.retrieval() |
|
|
|
}, |
|
|
|
viewDetail(val) { |
|
|
|
console.log(val) |
|
|
|
this.patientId = val |
|
|
|
this.detailViewVisible = true |
|
|
|
}, |
|
|
|
// 检索 |
|
|
|
retrieval() { |
|
|
|
this.getDataList() |
|
|
|
@ -211,6 +224,9 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang='scss' scoped> |
|
|
|
.project-main{ |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
.search-wrapper-top { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
@ -238,7 +254,7 @@ export default { |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang='scss'> |
|
|
|
<style lang="scss"> |
|
|
|
.project-main { |
|
|
|
.search-wrapper-top { |
|
|
|
.el-form-item__content { |
|
|
|
|
newPeter7
2 years ago