20 changed files with 644 additions and 158 deletions
-
21src/api/collect/collect.js
-
BINsrc/assets/images/archives/bg.png
-
BINsrc/assets/images/archives/bgw.png
-
BINsrc/assets/images/archives/icon-js.png
-
BINsrc/assets/images/archives/icon-ls.png
-
BINsrc/assets/images/archives/ys1.png
-
BINsrc/assets/images/archives/ys2.png
-
BINsrc/assets/images/archives/ys3.png
-
BINsrc/assets/images/archives/ys4.png
-
33src/assets/styles/archives-manage.scss
-
31src/views/archiveKeeping/deviceManage/module/childDevice.vue
-
125src/views/archiveKeeping/deviceManage/module/detail.vue
-
36src/views/archiveKeeping/deviceManage/tableList.vue
-
20src/views/archiveUtilize/archiveEditing/index.vue
-
286src/views/archiveUtilize/archiveSearch/index.vue
-
20src/views/archiveUtilize/utillizeRecord/index.vue
-
70src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
-
123src/views/collectReorganizi/collectionLibrary/module/print/index.vue
-
22src/views/components/category/PreviewForm.vue
-
15src/views/prearchiveLibrary/index.vue
|
After Width: 1624 | Height: 941 | Size: 632 KiB |
|
After Width: 1624 | Height: 941 | Size: 720 KiB |
|
After Width: 33 | Height: 28 | Size: 1.6 KiB |
|
After Width: 32 | Height: 33 | Size: 2.0 KiB |
|
After Width: 236 | Height: 116 | Size: 21 KiB |
|
After Width: 472 | Height: 377 | Size: 58 KiB |
|
After Width: 136 | Height: 152 | Size: 22 KiB |
|
After Width: 170 | Height: 136 | Size: 15 KiB |
@ -0,0 +1,20 @@ |
|||||
|
<template> |
||||
|
<div>档案编研</div> |
||||
|
</template> |
||||
|
|
||||
|
<script > |
||||
|
export default { |
||||
|
name: 'ArchiveEditing', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
</style> |
||||
@ -0,0 +1,286 @@ |
|||||
|
<template> |
||||
|
<div class="archive-search-main"> |
||||
|
<div class="search-main"> |
||||
|
<span class="bg_icon1" /> |
||||
|
<span class="bg_icon2" /> |
||||
|
<span class="bg_icon3" /> |
||||
|
<span class="bg_icon4" /> |
||||
|
|
||||
|
<div class="search-content"> |
||||
|
<h2>{{ isCommon ? '档案检索': '高级检索' }}</h2> |
||||
|
<div v-if="isCommon" class="common-search"> |
||||
|
<div class="search-input"> |
||||
|
<!-- @keyup.enter.native="dimSearch" --> |
||||
|
<el-input v-model="keywords" placeholder="请输入检索关键字" class="input-with-select"> |
||||
|
<!-- <el-select slot="prepend" v-model="select" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in options" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> --> |
||||
|
</el-input> |
||||
|
<el-button slot="append" @click="handleSearch"><i class="iconfont icon-sousuo" />搜索</el-button> |
||||
|
<div class="advanced-search-btn" @click="isCommon=!isCommon">高级检索</div> |
||||
|
</div> |
||||
|
<div class="search-tab"> |
||||
|
<span class="active">全部</span> |
||||
|
<span>项目</span> |
||||
|
<span>案卷</span> |
||||
|
<span>文件</span> |
||||
|
<span>原文</span> |
||||
|
</div> |
||||
|
<div class="history-keyword"> |
||||
|
<h4>历史检索</h4> |
||||
|
<div class="history-tag"> |
||||
|
<span>合同</span> |
||||
|
<span>科技</span> |
||||
|
<span>教育</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div v-else class="advanced-search"> |
||||
|
<el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="100px"> |
||||
|
<el-form-item label="字段名" prop="filedName"> |
||||
|
<el-select v-model="form.filedName" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in filedOptions" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="运算符" prop="symbol"> |
||||
|
<el-select v-model="form.symbol" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in symbolOptions" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检索值" prop="keyWord"> |
||||
|
<el-input v-model="form.keyWord" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div> |
||||
|
<el-button size="mini"><i class="iconfont icon-xinzeng" />新增</el-button> |
||||
|
<el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script > |
||||
|
export default { |
||||
|
name: 'ArchiveSearch', |
||||
|
data() { |
||||
|
return { |
||||
|
isCommon: true, |
||||
|
keywords: '', |
||||
|
form: { |
||||
|
filedName: null, |
||||
|
symbol: null, |
||||
|
keyWord: null |
||||
|
}, |
||||
|
filedOptions: [], |
||||
|
symbolOptions: [], |
||||
|
rules: { |
||||
|
filedName: [ |
||||
|
{ required: true, message: '请选择字段名', trigger: 'change' } |
||||
|
], |
||||
|
symbol: [ |
||||
|
{ required: true, message: '请选择运算符', trigger: 'change' } |
||||
|
], |
||||
|
keyWord: [ |
||||
|
{ required: true, message: '检索值不可为空', trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
dimSearch() { |
||||
|
|
||||
|
}, |
||||
|
handleSearch() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
.archive-search-main{ |
||||
|
padding: 0 20px 20px 20px; |
||||
|
.search-main{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: calc(100vh - 140px); |
||||
|
background: url('~@/assets/images/archives/bg.png') no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
& span{ |
||||
|
display: block; |
||||
|
} |
||||
|
.bg_icon1{ |
||||
|
position: absolute; |
||||
|
left: 110px; |
||||
|
top: 400px; |
||||
|
width: 236px; |
||||
|
height: 116px; |
||||
|
background: url('~@/assets/images/archives/ys1.png') no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
} |
||||
|
.bg_icon2{ |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
bottom: 60px; |
||||
|
width: 472px; |
||||
|
height: 377px; |
||||
|
margin-left: -236px; |
||||
|
background: url('~@/assets/images/archives/ys2.png') no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
} |
||||
|
.bg_icon3{ |
||||
|
position: absolute; |
||||
|
right: 240px; |
||||
|
bottom: 40px; |
||||
|
width: 136px; |
||||
|
height: 152px; |
||||
|
background: url('~@/assets/images/archives/ys3.png') no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
} |
||||
|
.bg_icon4{ |
||||
|
position: absolute; |
||||
|
right: 110px; |
||||
|
top: 50%; |
||||
|
width: 170px; |
||||
|
height: 136px; |
||||
|
margin-top: -58px; |
||||
|
background: url('~@/assets/images/archives/ys4.png') no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
} |
||||
|
} |
||||
|
.search-content{ |
||||
|
padding-top: 120px; |
||||
|
h2{ |
||||
|
font-size: 40px; |
||||
|
text-align: center; |
||||
|
color: #1C1C1C; |
||||
|
margin-bottom: 40px; |
||||
|
} |
||||
|
} |
||||
|
.common-search{ |
||||
|
width: 800px; |
||||
|
margin: 0 auto; |
||||
|
.search-input{ |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
width: 800px; |
||||
|
height: 54px; |
||||
|
background-color: #fff; |
||||
|
border-radius: 3px; |
||||
|
.input-with-select{ |
||||
|
::v-deep .el-input__inner{ |
||||
|
width: 664px; |
||||
|
height: 54px !important; |
||||
|
font-size: 14px; |
||||
|
padding: 0 20px; |
||||
|
border: none; |
||||
|
} |
||||
|
} |
||||
|
.el-button{ |
||||
|
width: 136px; |
||||
|
background-color: #0348F3; |
||||
|
font-size: 16px; |
||||
|
color: #fff; |
||||
|
border-radius: 0 3px 3px 0; |
||||
|
} |
||||
|
.advanced-search-btn{ |
||||
|
position: absolute; |
||||
|
right: -80px; |
||||
|
top: 50%; |
||||
|
transform: translateY(-50%); |
||||
|
font-size: 16px; |
||||
|
color: #0348F3; |
||||
|
cursor:default; |
||||
|
} |
||||
|
} |
||||
|
.search-tab{ |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
width: 240px; |
||||
|
padding: 15px 0 30px 0; |
||||
|
margin: 0 auto; |
||||
|
color: #545B65; |
||||
|
span{ |
||||
|
font-size: 14px; |
||||
|
// padding: 0 12px; |
||||
|
} |
||||
|
span.active{ |
||||
|
color: #0348F3; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.history-keyword{ |
||||
|
width: 800px; |
||||
|
height: 280px; |
||||
|
padding: 10px 18px; |
||||
|
background: #F6F9FD; |
||||
|
box-shadow: 0px 4px 19px 0px rgba(0,0,0,0.06); |
||||
|
border-radius: 3px; |
||||
|
opacity: 0.8; |
||||
|
border: 2px solid #FFFFFF; |
||||
|
h4{ |
||||
|
font-size: 16px; |
||||
|
height: 40px; |
||||
|
margin-bottom: 10px; |
||||
|
line-height: 33px; |
||||
|
padding-left: 35px; |
||||
|
color: #0C0E1E; |
||||
|
background: url('~@/assets/images/archives/icon-ls.png') no-repeat left center; |
||||
|
background-size: 32px 33px; |
||||
|
} |
||||
|
.history-tag{ |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
flex-wrap: wrap; |
||||
|
height: 200px; |
||||
|
overflow: hidden; |
||||
|
overflow-y: scroll; |
||||
|
span{ |
||||
|
display: block; |
||||
|
height: 24px; |
||||
|
line-height: 24px; |
||||
|
font-size: 14px; |
||||
|
padding: 0 12px; |
||||
|
margin: 0 0 10px 10px; |
||||
|
color: #545B65; |
||||
|
background: #E6E8ED; |
||||
|
border-radius: 3px; |
||||
|
cursor:default; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.advanced-search{ |
||||
|
position: relative; |
||||
|
width: 1010px; |
||||
|
height: 350px; |
||||
|
margin: 0 auto; |
||||
|
background-color: #fff; |
||||
|
border-radius: 3px; |
||||
|
z-index: 9999; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,20 @@ |
|||||
|
<template> |
||||
|
<div>借阅记录</div> |
||||
|
</template> |
||||
|
|
||||
|
<script > |
||||
|
export default { |
||||
|
name: 'UtillizeRecord', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue