|
@@ -13,27 +13,42 @@
|
|
|
</div>
|
|
|
<div class="list" v-load="load">
|
|
|
<div v-if="list.length">
|
|
|
-
|
|
|
- <div
|
|
|
- class="list-item"
|
|
|
- :class="item.readstatus == '未读' ? 'no-read' : ''"
|
|
|
- :style="currentIndex == item.sys_workreportid ? '--borderColor:#3874F6' : '--borderColor:#cccccc'"
|
|
|
- v-for="item in list"
|
|
|
- :key="'item' + item.sys_workreportid"
|
|
|
- @click="itemClick(item)"
|
|
|
- >
|
|
|
- <div class="item-left">
|
|
|
- <div class="item-avatar">{{ item.name.substr(0,1) }}</div>
|
|
|
- <div class="item-info">
|
|
|
- <div class="item-info_top">
|
|
|
- <span>{{ item.name }}</span>
|
|
|
- <span>{{ item.position }}</span>
|
|
|
+ <div style="height: calc(100vh - 340px);overflow: auto;" >
|
|
|
+ <div
|
|
|
+ class="list-item"
|
|
|
+ :class="item.readstatus == '未读' ? 'no-read' : ''"
|
|
|
+ :style="currentIndex == item.sys_workreportid ? '--borderColor:#3874F6' : '--borderColor:#cccccc'"
|
|
|
+ v-for="item in list"
|
|
|
+ :key="'item' + item.sys_workreportid"
|
|
|
+ @click="itemClick(item)"
|
|
|
+ >
|
|
|
+ <div class="item-left">
|
|
|
+ <div class="item-avatar">{{ item.name.substr(0,1) }}</div>
|
|
|
+ <div class="item-info">
|
|
|
+ <div class="item-info_top">
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ <span>{{ item.position }}</span>
|
|
|
+ </div>
|
|
|
+ <p>{{ item.phonenumber }}</p>
|
|
|
+ <p>{{ item.createdate }}</p>
|
|
|
</div>
|
|
|
- <p>{{ item.phonenumber }}</p>
|
|
|
- <p>{{ item.createdate }}</p>
|
|
|
</div>
|
|
|
+ <div class="item-right">{{ item.reportname }}</div>
|
|
|
</div>
|
|
|
- <div class="item-right">{{ item.reportname }}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="normal-panel" style="text-align:right">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="params.content.pageNumber"
|
|
|
+ :pager-count="3"
|
|
|
+ :page-sizes="[20, 50, 100, 200]"
|
|
|
+ :page-size="20"
|
|
|
+ layout="total, prev, pager, next"
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-empty description="暂无数据" size="mini" v-else></el-empty>
|
|
@@ -49,6 +64,7 @@ export default {
|
|
|
currentStatus:'',
|
|
|
currentIndex:'',
|
|
|
totalPage:0,
|
|
|
+ total:0,
|
|
|
list:[],
|
|
|
params: {
|
|
|
"id": "20230524103102",
|
|
@@ -84,13 +100,19 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- async listData (callback) {
|
|
|
+ /*async listData (callback) {
|
|
|
let res = await this.$api.requested(this.params)
|
|
|
this.list = this.params.content.pageNumber == 1 ? res.data : this.list.concat(res.data)
|
|
|
this.totalPage = res.pageTotal
|
|
|
this.currentIndex = res.data.length ? res.data[0].sys_workreportid : ''
|
|
|
callback && callback(this.currentIndex)
|
|
|
+ this.total = res.total
|
|
|
console.log(this.list,'结果');
|
|
|
+ },*/
|
|
|
+ async listData(){
|
|
|
+ const res = await this.$api.requested(this.params)
|
|
|
+ this.list = res.data
|
|
|
+ this.total = res.total
|
|
|
},
|
|
|
load () {
|
|
|
console.log(this.params.content.pageNumber,this.totalPage);
|
|
@@ -99,7 +121,7 @@ export default {
|
|
|
this.listData()
|
|
|
},
|
|
|
itemClick (data) {
|
|
|
- if (this.currentIndex == data.sys_workreportid) return
|
|
|
+ if (this.currentIndex == data.sys_workreportid) return
|
|
|
data.readstatus = '已读'
|
|
|
this.currentIndex = data.sys_workreportid
|
|
|
this.$emit('reportItem',this.currentIndex)
|
|
@@ -120,6 +142,18 @@ export default {
|
|
|
this.params.content.pageNumber = 1
|
|
|
this.listData()
|
|
|
},
|
|
|
+ handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ console.log(1)
|
|
|
+ this.params.content.pageSize = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ console.log(12)
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.params.content.pageNumber = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|