|
@@ -3,7 +3,7 @@
|
|
|
<view id="accessQualification">
|
|
|
<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
|
|
|
<view class="list">
|
|
|
- <view class="list_li" v-for="(item,index) in infoList" :key="index">
|
|
|
+ <view class="list_li" v-for="(item,index) in dataList" :key="index">
|
|
|
<view class="list_li_t">
|
|
|
<!-- <view class="list_li_t_l" :style="'color:'+item.levelColor+';border-color:'+item.levelColor">{{item.levelName}}</view> -->
|
|
|
<view class="list_li_t_c">{{item.subName}}</view>
|
|
@@ -16,7 +16,7 @@
|
|
|
<view class="list_li_b_t_t">
|
|
|
<view class="list_li_b_t_t_n">
|
|
|
<view class="list_li_b_t_t_l"
|
|
|
- :class="[item2.ruleType== '日管控' ? 'purple': '', item2.ruleType=='周管控'? 'blue': '',item2.ruleType=='月管控'? 'orange': '',item2.ruleType=='年管控'? 'green': '',]">
|
|
|
+ :class="[item2.ruleType== '日管控' ? 'purple': '', item2.ruleType=='周管控'? 'blue': '',item2.ruleType=='月管控'? 'orange': '',item2.ruleType=='季度管控'? 'lightBlue ': '',item2.ruleType=='半年管控'? 'deepPurple ': '',item2.ruleType=='年管控'? 'green': '',]">
|
|
|
{{item2.ruleType}}
|
|
|
</view>
|
|
|
<view class="list_li_b_t_t_c">{{item2.ruleName}}</view>
|
|
@@ -34,7 +34,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="get-null-box" v-if="infoList.length==0">暂无更多数据</view>
|
|
|
+ <view class="get-null-box" v-if="getDataType">暂无更多数据</view>
|
|
|
</scroll-view>
|
|
|
|
|
|
</view>
|
|
@@ -50,7 +50,13 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- infoList: [],
|
|
|
+ queryParams: {
|
|
|
+ page: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ },
|
|
|
+ total: 0,
|
|
|
+ getDataType: null,
|
|
|
+ dataList: [],
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
@@ -65,13 +71,11 @@
|
|
|
|
|
|
//清除
|
|
|
clearData() {
|
|
|
- this.infoList = [];
|
|
|
+ this.dataList = [];
|
|
|
|
|
|
},
|
|
|
//去详情页
|
|
|
goPageInfo(item) {
|
|
|
- console.log(11)
|
|
|
- console.log(item)
|
|
|
uni.navigateTo({
|
|
|
url: '/pages_basics/views/gradingControl/gradingControlDetail?item=' + encodeURIComponent(JSON
|
|
|
.stringify(item))
|
|
@@ -81,26 +85,44 @@
|
|
|
scrollGet() {
|
|
|
this.getList();
|
|
|
},
|
|
|
+ //滚动事件
|
|
|
+ scrollGet() {
|
|
|
+ let self = this;
|
|
|
+ if (self.total / self.queryParams.pageSize <= self.queryParams.page) {
|
|
|
+ this.$set(this, 'getDataType', true);
|
|
|
+ } else {
|
|
|
+ this.queryParams.page += 1;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.getList();
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
-
|
|
|
- //获取列表数据
|
|
|
async getList() {
|
|
|
let self = this;
|
|
|
- let obj = {
|
|
|
-
|
|
|
- }
|
|
|
const {
|
|
|
data
|
|
|
- } = await gradingControlFinish(obj)
|
|
|
+ } = await gradingControlFinish(this.queryParams);
|
|
|
if (data.code == 200) {
|
|
|
- data.data.forEach(function(item){
|
|
|
- item.detailList.forEach(function(item2){
|
|
|
- item2.endDate=parseTime(item2.endDate, "{y}-{m}-{d} {h}:{i}:{s}");
|
|
|
+ data.data.records.forEach(function(item) {
|
|
|
+ item.detailList.forEach(function(item2) {
|
|
|
+ item2.endDate = parseTime(item2.endDate, "{y}-{m}-{d} {h}:{i}:{s}");
|
|
|
})
|
|
|
})
|
|
|
- self.infoList = data.data;
|
|
|
+ if (self.queryParams.page == 1) {
|
|
|
+ this.dataList = data.data.records;
|
|
|
+ this.total = data.data.total;
|
|
|
+ if (data.data.total / self.queryParams.pageSize <= self.queryParams.page) {
|
|
|
+ this.$set(this, 'getDataType', true);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.dataList = [...this.dataList, ...data.data.records]
|
|
|
+ this.total = data.data.total;
|
|
|
+ if (data.data.total / self.queryParams.pageSize <= self.queryParams.page) {
|
|
|
+ this.$set(this, 'getDataType', true);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
}
|
|
|
}
|
|
@@ -247,6 +269,7 @@
|
|
|
background: rgba(172, 32, 224, 0.2);
|
|
|
}
|
|
|
|
|
|
+
|
|
|
/* 周管控 */
|
|
|
.blue {
|
|
|
color: #0183FA;
|
|
@@ -259,6 +282,20 @@
|
|
|
background: rgba(250, 136, 1, 0.2);
|
|
|
}
|
|
|
|
|
|
+ /* 季管控 */
|
|
|
+ .lightBlue {
|
|
|
+ color: #81d3f8;
|
|
|
+ background: rgba(129, 211, 248, 0.2);
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 半年管控 */
|
|
|
+ .deepPurple {
|
|
|
+ color: #6565f1;
|
|
|
+ background: rgba(101, 101, 241, 0.2);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
/* 年管控 */
|
|
|
.green {
|
|
|
color: #11BA25;
|