11
This commit is contained in:
clay
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="Introduction">
|
||||
<div class="Introduction" style="background-color:#fff; margin-top: 3rem;">
|
||||
<el-row>
|
||||
<el-col>
|
||||
<div class="context">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="details">
|
||||
<div class="details" style="background-color:#fff;">
|
||||
<el-row>
|
||||
<el-col>
|
||||
<div class="context">
|
||||
@@ -38,7 +38,7 @@ export default {
|
||||
|
||||
.details_title{
|
||||
font-size: 1.2rem;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-family: "微软雅黑";
|
||||
font-weight: 400;
|
||||
color: #B4B4B4;
|
||||
line-height: 1.7rem;
|
||||
@@ -54,7 +54,7 @@ export default {
|
||||
}
|
||||
|
||||
.context {
|
||||
margin: 3rem 4rem;
|
||||
padding: 3rem 4rem;
|
||||
|
||||
.title {
|
||||
font-size: 2.4rem;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="dire_data">
|
||||
<div class="dire_data" style="background-color:#fff; margin-top: 3rem;">
|
||||
|
||||
<el-row v-for="(dire,index) in value" :key="index">
|
||||
<!--正文内容-->
|
||||
|
||||
241
src/views/content/components/file_list.vue
Normal file
241
src/views/content/components/file_list.vue
Normal file
@@ -0,0 +1,241 @@
|
||||
<template>
|
||||
<div class="file_list" style="background-color:#fff; margin-top: 3rem;">
|
||||
<div class="query">
|
||||
<el-row>
|
||||
<el-col :xs="14" :sm="14" :md="14" :lg="20" :xl="20">
|
||||
<!--<div style="width: 95%;">-->
|
||||
<div>
|
||||
<!--<input class="query_input" v-model="query"/>-->
|
||||
<el-input class="query_input" v-model="query" size="small" placeholder="请输入内容"></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="10" :sm="10" :md="10" :lg="4" :xl="4" style="float: right">
|
||||
<el-button class="query_button" type="primary" size="small" icon="el-icon-search"
|
||||
@click="handleCurrentChange(-1)">搜索
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="list">
|
||||
<!--<el-row>-->
|
||||
<div class="file" v-for="(file ,index) in value.data" :key="index">
|
||||
<div class="file_name">
|
||||
<span class="span">
|
||||
<img class="def_img" src="@/assets/file_list/xz_icon_xz.png">
|
||||
<img class="hover_img" src="@/assets/file_list/xz_icon_xzls.png">
|
||||
</span>
|
||||
<a :href="file.fileAddr">{{ file.fileName }}</a>
|
||||
</div>
|
||||
<div class="file_time">
|
||||
{{ getDateTime(file.createTime) }}
|
||||
</div>
|
||||
|
||||
|
||||
<!--<el-col :span="16" :offset="2">-->
|
||||
<!-- -->
|
||||
<!--</el-col>-->
|
||||
<!--<el-col :span="6">-->
|
||||
<!--</el-col>-->
|
||||
</div>
|
||||
<!--</el-row>-->
|
||||
</div>
|
||||
<el-row>
|
||||
<el-col class="pagination_p">
|
||||
<el-pagination class="pagination"
|
||||
:small="small"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page.sync="value.pageNum"
|
||||
:page-size="4"
|
||||
layout="prev, pager, next, jumper"
|
||||
:total="value.total">
|
||||
</el-pagination>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getNode} from "@/api";
|
||||
|
||||
export default {
|
||||
name: "file_list",
|
||||
props: {
|
||||
value: {
|
||||
type: Object,
|
||||
default: {
|
||||
data: [{}],
|
||||
pageNum: 1,
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
width: document.documentElement.clientWidth,
|
||||
small: document.documentElement.clientWidth <= 992,
|
||||
query: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getDateTime(date) {
|
||||
let time = new Date(date);
|
||||
return time.getFullYear() + "-" + (time.getMonth()+1) + "-" + time.getDate();
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
console.log(`每页 ${val} 条`);
|
||||
},
|
||||
downloadFile(file) {
|
||||
var filename = prompt(file.fileName);
|
||||
var a = document.createElement('a');
|
||||
a.href = file.fileAddr;
|
||||
a.download = filename;
|
||||
a.click()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
if (val == -1) {
|
||||
this.value.pageNum = 1
|
||||
} else {
|
||||
this.value.pageNum = val
|
||||
}
|
||||
let data = {
|
||||
title: this.query,
|
||||
id: this.value.navId,
|
||||
pageNum: this.value.pageNum,
|
||||
pageSize: 4
|
||||
}
|
||||
this.type = this.$route.query && this.$route.query.type
|
||||
if (this.type != null && this.type != 0) {
|
||||
data.id = this.value.secondId
|
||||
}
|
||||
getNode(data).then(res => {
|
||||
this.value.data = res.rows
|
||||
this.value.total = res.total
|
||||
})
|
||||
},
|
||||
getDay(time) {
|
||||
let day = new Date(time).getDate();
|
||||
return day
|
||||
},
|
||||
getTime(time) {
|
||||
let date = new Date(time);
|
||||
return date.getFullYear() + "-" + date.getMonth() + 1
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
.list {
|
||||
padding-top: 5rem;
|
||||
font-size: 1.6rem;
|
||||
|
||||
.file {
|
||||
color: #757575;
|
||||
clear: both;
|
||||
padding: 2rem 3rem;
|
||||
|
||||
.file_name {
|
||||
float: left;
|
||||
|
||||
.span {
|
||||
padding-right: 1rem;
|
||||
|
||||
.def_img, .hover_img {
|
||||
width: 1.5rem;
|
||||
}
|
||||
|
||||
.def_img {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.hover_img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.file_time {
|
||||
float: right;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #757575 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.file:hover {
|
||||
//background-color: gray;
|
||||
color: #1956BC;
|
||||
|
||||
a {
|
||||
color: #1956BC !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.file_name {
|
||||
.def_img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hover_img {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination_p {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 5rem;
|
||||
|
||||
.pagination {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
.query {
|
||||
//margin: 1rem 0;
|
||||
z-index: 999;
|
||||
width: 30%;
|
||||
position: absolute;
|
||||
right: 3rem;
|
||||
top: -2.4rem;
|
||||
//float: right;
|
||||
|
||||
.query_input {
|
||||
border-color: #1956BC !important;
|
||||
border-radius: 0 !important;
|
||||
|
||||
}
|
||||
|
||||
.query_button {
|
||||
//height: 3.5rem;
|
||||
border-radius: 0rem 1rem 1rem 0rem;
|
||||
background-color: #1956BC;
|
||||
border-color: #1956BC !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1100px) and (max-width: 1400px) {
|
||||
.query {
|
||||
width: 40% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
.query {
|
||||
width: 80% !important;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="list">
|
||||
<div class="list" style="background-color:#fff; margin-top: 3rem;">
|
||||
<!--{{value}}-->
|
||||
<div class="query">
|
||||
<el-row>
|
||||
@@ -49,17 +49,17 @@
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col class="pagination_p">
|
||||
<el-pagination class="pagination"
|
||||
:small="small"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page.sync="value.pageNum"
|
||||
:page-size="4"
|
||||
layout="prev, pager, next, jumper"
|
||||
:total="value.total">
|
||||
:small="small"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page.sync="value.pageNum"
|
||||
:page-size="4"
|
||||
layout="prev, pager, next, jumper"
|
||||
:total="value.total">
|
||||
</el-pagination>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -187,7 +187,7 @@ export default {
|
||||
}
|
||||
|
||||
.tw_time {
|
||||
border-right: .1rem solid #D5D5D5;
|
||||
border-right: .3rem solid #D5D5D5;
|
||||
height: 10rem;
|
||||
width: 10rem;
|
||||
color: #1956BC;
|
||||
@@ -266,7 +266,8 @@ export default {
|
||||
z-index: 999;
|
||||
width: 30%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
right: 3rem;
|
||||
top: -2.4rem;
|
||||
//float: right;
|
||||
}
|
||||
@media screen and (min-width: 1100px) and (max-width: 1400px) {
|
||||
|
||||
Reference in New Issue
Block a user