|
@ -2,6 +2,11 @@ |
|
|
<div class="search-main"> |
|
|
<div class="search-main"> |
|
|
<div class="head-container"> |
|
|
<div class="head-container"> |
|
|
<h2 v-if="this.$route.path.indexOf('dashboard') === -1">模糊检索</h2> |
|
|
<h2 v-if="this.$route.path.indexOf('dashboard') === -1">模糊检索</h2> |
|
|
|
|
|
<div class="search-header"> |
|
|
|
|
|
<el-checkbox-group v-model="checkList" @change="handleCategoryTypes"> |
|
|
|
|
|
<el-checkbox v-for="item in categoryTypesOptions" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> |
|
|
|
|
|
</el-checkbox-group> |
|
|
|
|
|
</div> |
|
|
<div class="search-input"> |
|
|
<div class="search-input"> |
|
|
<el-input v-model="keywords" placeholder="请输入内容" class="input-with-select" style="width:50%;" @keyup.enter.native="dimSearch"> |
|
|
<el-input v-model="keywords" placeholder="请输入内容" class="input-with-select" style="width:50%;" @keyup.enter.native="dimSearch"> |
|
|
<el-select |
|
|
<el-select |
|
@ -39,7 +44,19 @@ |
|
|
style="width: 100%;" |
|
|
style="width: 100%;" |
|
|
height="calc(100vh - 493px)" |
|
|
height="calc(100vh - 493px)" |
|
|
@row-dblclick="handleDbClick" |
|
|
@row-dblclick="handleDbClick" |
|
|
|
|
|
> <el-table-column |
|
|
|
|
|
align="right" |
|
|
> |
|
|
> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<!-- @click="handleEdit(scope.$index, scope.row)" --> |
|
|
|
|
|
<el-button |
|
|
|
|
|
v-if="scope.row.category_type !== 3" |
|
|
|
|
|
class="lending-btn" |
|
|
|
|
|
size="mini" |
|
|
|
|
|
>借阅</el-button> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="doc_no" label="发文字号" show-overflow-tooltip width="140" align="center" /> |
|
|
<el-table-column prop="child" label="子条数目" align="center" width="100" /> |
|
|
<el-table-column prop="child" label="子条数目" align="center" width="100" /> |
|
|
<el-table-column prop="security_class" label="密级" align="center" min-width="100" /> |
|
|
<el-table-column prop="security_class" label="密级" align="center" min-width="100" /> |
|
|
<el-table-column prop="retention" label="保管期限" align="center" min-width="100" /> |
|
|
<el-table-column prop="retention" label="保管期限" align="center" min-width="100" /> |
|
@ -52,14 +69,13 @@ |
|
|
<span v-if="scope.row.category_type === 3" style="width:56px">案卷级</span> |
|
|
<span v-if="scope.row.category_type === 3" style="width:56px">案卷级</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="category_name" label="门类名称" align="center" min-width="170" /> |
|
|
|
|
|
<el-table-column prop="archive_no" label="档号" align="center" min-width="200" /> |
|
|
|
|
|
<el-table-column prop="maintitle" label="题名" align="center" min-width="240" /> |
|
|
|
|
|
<el-table-column type="serial_no" label="序号" width="100" align="center" /> |
|
|
|
|
|
<el-table-column type="arrive_class" label="收发类别" width="140" align="center" /> |
|
|
|
|
|
<el-table-column type="doc_no" label="发文字号" width="140" align="center" /> |
|
|
|
|
|
<el-table-column type="temp_no" label="临时卷号" width="140" align="center" /> |
|
|
|
|
|
<el-table-column prop="case_name" label="盒名称" align="center" min-width="200" /> |
|
|
|
|
|
|
|
|
<el-table-column prop="category_name" label="门类名称" align="center" show-overflow-tooltip min-width="170" /> |
|
|
|
|
|
<el-table-column prop="archive_no" label="档号" align="center" show-overflow-tooltip min-width="220" /> |
|
|
|
|
|
<el-table-column prop="maintitle" label="题名" show-overflow-tooltip align="center" min-width="240" /> |
|
|
|
|
|
<el-table-column prop="serial_no" label="序号" width="100" align="center" /> |
|
|
|
|
|
<el-table-column prop="arrive_class" label="收发类别" width="140" align="center" /> |
|
|
|
|
|
<el-table-column prop="temp_no" label="临时卷号" show-overflow-tooltip width="140" align="center" /> |
|
|
|
|
|
<el-table-column prop="case_name" label="盒名称" show-overflow-tooltip align="center" min-width="200" /> |
|
|
<el-table-column prop="folder_location_details" label="所在位置" align="center" min-width="300"> |
|
|
<el-table-column prop="folder_location_details" label="所在位置" align="center" min-width="300"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="!scope.row.folder_location_details">-</span> |
|
|
<span v-if="!scope.row.folder_location_details">-</span> |
|
@ -69,6 +85,32 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="created_date" label="成文日期" align="center" min-width="180" /> |
|
|
<el-table-column prop="created_date" label="成文日期" align="center" min-width="180" /> |
|
|
|
|
|
<!-- 未绑 / 已绑 --> |
|
|
|
|
|
<!-- <el-table-column label="标签" width="100" align="center" fixed="right"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span v-if="scope.row.category_type !== 3" :class="['row-state', 'row-binding', scope.row.tid ? 'state-active' : '' ]">{{ scope.row.tid ? '已绑': '未绑' }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> --> |
|
|
|
|
|
<!-- state-active 已装/已入/已借/已绑 --> |
|
|
|
|
|
<!-- 未装 / 已装 --> |
|
|
|
|
|
<!-- <el-table-column label="装盒" width="100" align="center" fixed="right"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span v-if="scope.row.category_type !== 3" :class="['row-state', 'row-packing', scope.row.case_no ? 'state-active' : '' ]">{{ scope.row.case_no ? '已装': '未装' }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> --> |
|
|
|
|
|
<!-- is_storage 为空的情况下即没装盒 / 0 未入 / 1 待入 / 2 已入 / 3 待出--> |
|
|
|
|
|
<!-- <span class="row-state row-warehousing">{{ storageTxt[scope.$index] }}</span> --> |
|
|
|
|
|
<!-- <el-table-column label="入库" width="100" align="center" fixed="right"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span v-if="scope.row.category_type !== 3" :class="['row-state', 'row-warehousing', (storageTxt[scope.$index] === '已入' )? 'state-active' : '' ]">{{ storageTxt[scope.$index] }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> --> |
|
|
|
|
|
<!-- is_borrow 4 已归还 / 为空 - 未加入待借列表 - 在库 / 2 待借阅(在待借列表/借出确认列表) - 待借 / 1待登记 - 不可借-用“—” 表示 / 3 待归还 - 已借 --> |
|
|
|
|
|
<!-- <el-table-column label="借阅" width="100" align="center" fixed="right"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span v-if="scope.row.category_type !== 3" :class="['row-state', 'row-lending', (borrowTxt[scope.$index] === '已借' )? 'state-active' : '' ]">{{ borrowTxt[scope.$index] }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> --> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<el-pagination :page-size.sync="page.size" :total="page.total" :current-page.sync="page.page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChangeHandler($event)" @current-change="pageChangeHandler" /> |
|
|
<el-pagination :page-size.sync="page.size" :total="page.total" :current-page.sync="page.page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChangeHandler($event)" @current-change="pageChangeHandler" /> |
|
|
</div> |
|
|
</div> |
|
@ -119,7 +161,22 @@ export default { |
|
|
homeSearchWords: '', |
|
|
homeSearchWords: '', |
|
|
homeSearchSelect: [], |
|
|
homeSearchSelect: [], |
|
|
openLocation: null, |
|
|
openLocation: null, |
|
|
deviceData: null |
|
|
|
|
|
|
|
|
deviceData: null, |
|
|
|
|
|
checkList: [3], |
|
|
|
|
|
categoryTypesOptions: [ |
|
|
|
|
|
{ |
|
|
|
|
|
label: '案卷级', |
|
|
|
|
|
value: 3 |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: '卷内级', |
|
|
|
|
|
value: 4 |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: '文件级', |
|
|
|
|
|
value: 5 |
|
|
|
|
|
} |
|
|
|
|
|
] |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
async created() { |
|
|
async created() { |
|
@ -143,6 +200,14 @@ export default { |
|
|
return |
|
|
return |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
handleCategoryTypes(val) { |
|
|
|
|
|
if (val.length < 1) { |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
this.checkList = [3] // 重新设置 v-model 的值 |
|
|
|
|
|
}) |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
getSelectLabel(option) { |
|
|
getSelectLabel(option) { |
|
|
const selectedOption = this.options.find((c) => c.value === option) |
|
|
const selectedOption = this.options.find((c) => c.value === option) |
|
|
return selectedOption ? selectedOption.label : '' |
|
|
return selectedOption ? selectedOption.label : '' |
|
@ -206,6 +271,7 @@ export default { |
|
|
localStorage.removeItem('homeSearchWords') |
|
|
localStorage.removeItem('homeSearchWords') |
|
|
localStorage.removeItem('homeSearchSelect') |
|
|
localStorage.removeItem('homeSearchSelect') |
|
|
} else { |
|
|
} else { |
|
|
|
|
|
this.params.categoryTypes = this.checkList.join(',') |
|
|
this.params.criteria = this.select.join(',') |
|
|
this.params.criteria = this.select.join(',') |
|
|
this.params.query = this.keywords.replace(/\s+/ig, ' ') |
|
|
this.params.query = this.keywords.replace(/\s+/ig, ' ') |
|
|
this.params.page = this.page.page - 1 |
|
|
this.params.page = this.page.page - 1 |
|
@ -305,6 +371,7 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
|
|
|
@import "~@/assets/styles/archives-manage.scss"; |
|
|
.search-main{ |
|
|
.search-main{ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
@ -316,6 +383,18 @@ export default { |
|
|
margin-bottom: 30px; |
|
|
margin-bottom: 30px; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.search-header{ |
|
|
|
|
|
width: 50%; |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
margin: 0 auto 10px auto; |
|
|
|
|
|
::v-deep .el-checkbox-group{ |
|
|
|
|
|
margin-left: 15px; |
|
|
|
|
|
|
|
|
|
|
|
.el-checkbox__label{ |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
.search-area { |
|
|
.search-area { |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
margin: 0; |
|
|
margin: 0; |
|
@ -399,4 +478,12 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.lending-btn{ |
|
|
|
|
|
border-color: #F65163; |
|
|
|
|
|
background-color: #F65163; |
|
|
|
|
|
&.is-disabled{ |
|
|
|
|
|
border-color:#7A2831; |
|
|
|
|
|
background-color: #7A2831; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |