128 lines
2.6 KiB
Java
128 lines
2.6 KiB
Java
<template>
|
|
<div class="box">
|
|
<div class="header-search">
|
|
<a-input-search
|
|
v-model="selectValue"
|
|
:maxLength="100"
|
|
class="inputSearch"
|
|
allowClear
|
|
:placeholder="$t('searchContent')"
|
|
@search="onSearch"
|
|
></a-input-search>
|
|
</div>
|
|
<div class="content-header">
|
|
<customContent/>
|
|
</div>
|
|
<div class="content-content">
|
|
<documentDynamics/>
|
|
</div>
|
|
<div class="content-footer">
|
|
<div class="content-footer-box">
|
|
<myList/>
|
|
</div>
|
|
<div class="content-footer-box">
|
|
<myNews/>
|
|
</div>
|
|
<div class="content-footer-box">
|
|
<monthlyReportRegulations/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import customContent from './components/customContent'
|
|
import documentDynamics from './components/documentDynamics'
|
|
import myList from './components/myList'
|
|
import myNews from './components/myNews'
|
|
import monthlyReportRegulations from './components/monthlyReportRegulations'
|
|
|
|
export default {
|
|
name: 'Analysis',
|
|
components: {
|
|
customContent,
|
|
documentDynamics,
|
|
myList,
|
|
myNews,
|
|
monthlyReportRegulations
|
|
},
|
|
data() {
|
|
return {
|
|
indexStyle: 1,
|
|
selectValue: ''
|
|
}
|
|
},
|
|
created() {
|
|
|
|
},
|
|
methods: {
|
|
onSearch(value) {
|
|
if (value) {
|
|
this.$router.push({
|
|
path: '/docTools/searchCenter',
|
|
query: {
|
|
selectValue:value
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped lang="less">
|
|
.box {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 10px 20px 8px 20px;
|
|
box-sizing: border-box;
|
|
|
|
.header-search {
|
|
width: 100%;
|
|
text-align: center;
|
|
|
|
.inputSearch {
|
|
width: 700px;
|
|
height: 40px;
|
|
|
|
/deep/ .ant-input {
|
|
height: 40px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content-header {
|
|
width: 100%;
|
|
height: 112px;
|
|
margin-top: 10px;
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #CED0D8;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.content-content {
|
|
width: 100%;
|
|
height: 280px;
|
|
padding: 20px 24px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #CED0D8;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.content-footer {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
|
|
.content-footer-box {
|
|
width: calc(33.3% - 7px);
|
|
height: 400px;
|
|
border: 1px solid #CED0D8;
|
|
padding: 20px 24px;
|
|
box-sizing: border-box;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|