|
@@ -1,6 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<div class="project-search" v-if="type !== 'xls'">
|
|
<div class="project-search" v-if="type !== 'xls'">
|
|
- <div style="width: 50%" v-if="dataList.length !== 0">
|
|
|
|
|
|
+ <div style="width: 50%;height: calc(100vh - 30px);;overflow: auto;position: relative;" v-if="dataList.length !== 0">
|
|
<div v-for="item in dataList" :key="item.id" class="listClass">
|
|
<div v-for="item in dataList" :key="item.id" class="listClass">
|
|
<img
|
|
<img
|
|
:src="item.url"
|
|
:src="item.url"
|
|
@@ -9,6 +9,17 @@
|
|
/>
|
|
/>
|
|
<div v-html="item.content"></div>
|
|
<div v-html="item.content"></div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- 分页控件 -->
|
|
|
|
+ <div class="pagination">
|
|
|
|
+ <el-pagination
|
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
|
+ :current-page="queryForm.page"
|
|
|
|
+ :page-size="queryForm.page_size"
|
|
|
|
+ :total="total"
|
|
|
|
+ layout="prev, pager, next"
|
|
|
|
+ >
|
|
|
|
+ </el-pagination>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
v-else
|
|
v-else
|
|
@@ -72,11 +83,18 @@ export default {
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
...mapGetters(["roleInfo", "authList"]),
|
|
...mapGetters(["roleInfo", "authList"]),
|
|
|
|
+ paginatedDataList() {
|
|
|
|
+ const start = (this.queryForm.page - 1) * this.queryForm.page_size;
|
|
|
|
+ const end = start + this.queryForm.page_size;
|
|
|
|
+ return this.dataList.slice(start, end);
|
|
|
|
+ },
|
|
},
|
|
},
|
|
|
|
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
queryForm: {
|
|
queryForm: {
|
|
|
|
+ page:1,
|
|
|
|
+ page_size:10,
|
|
document_id: "",
|
|
document_id: "",
|
|
},
|
|
},
|
|
dataList: [],
|
|
dataList: [],
|
|
@@ -85,7 +103,21 @@ export default {
|
|
type: "",
|
|
type: "",
|
|
excelDataList: [],
|
|
excelDataList: [],
|
|
isFileViewable: false,
|
|
isFileViewable: false,
|
|
- supportedFileTypes: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'jpg', 'jpeg', 'png', 'gif'],
|
|
|
|
|
|
+ supportedFileTypes: [
|
|
|
|
+ "pdf",
|
|
|
|
+ "doc",
|
|
|
|
+ "docx",
|
|
|
|
+ "xls",
|
|
|
|
+ "xlsx",
|
|
|
|
+ "ppt",
|
|
|
|
+ "pptx",
|
|
|
|
+ "txt",
|
|
|
|
+ "jpg",
|
|
|
|
+ "jpeg",
|
|
|
|
+ "png",
|
|
|
|
+ "gif",
|
|
|
|
+ ],
|
|
|
|
+ total:0
|
|
};
|
|
};
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -95,6 +127,11 @@ export default {
|
|
this.search();
|
|
this.search();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ /* 分页 */
|
|
|
|
+ handleCurrentChange(page) {
|
|
|
|
+ this.queryForm.page = page;
|
|
|
|
+ this.search();
|
|
|
|
+ },
|
|
checkAuth(path) {
|
|
checkAuth(path) {
|
|
if (this.roleInfo.is_admin == 1) {
|
|
if (this.roleInfo.is_admin == 1) {
|
|
return true;
|
|
return true;
|
|
@@ -113,7 +150,7 @@ export default {
|
|
searchTaskInfo(this.queryForm)
|
|
searchTaskInfo(this.queryForm)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
this.dataList = res.data.tasks;
|
|
this.dataList = res.data.tasks;
|
|
-
|
|
|
|
|
|
+ this.total=res.data.pagination.total_count
|
|
if (this.isFileViewable) {
|
|
if (this.isFileViewable) {
|
|
this.documentUrl = res.data.documentUrl;
|
|
this.documentUrl = res.data.documentUrl;
|
|
} else {
|
|
} else {
|
|
@@ -218,5 +255,11 @@ export default {
|
|
text-align: center;
|
|
text-align: center;
|
|
margin-top: 50px;
|
|
margin-top: 50px;
|
|
}
|
|
}
|
|
|
|
+.pagination{
|
|
|
|
+ position: fixed;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ right: 51%;
|
|
|
|
+ /* right: 0; */
|
|
|
|
+}
|
|
</style>
|
|
</style>
|
|
|
|
|