FE-V2-XCX/pages_manage/workbench/securityCheck/unsubmittedList.vue

<!-- 安全检查未提交列表 -->
<template>
    <view id="unsubmittedList">
        <scroll-view scroll-y @scrolltolower="scrollGet" class="scroll-box">
			<view v-if="!dataList[0]" style="line-height:100rpx;text-align: center;color:#999;">暂无数据</view>
            <view class="for-big-box" v-for="(item,index) in dataList" :key="index">
                <view class="for-time-p">{{item.createTime}}</view>
                <img class="for-back-img" src="@/images/Version2.2/for_min_bg.png">
                <view class="for-list-box" @click="startButton(minItem.id)" v-for="(minItem,indexTwo) in item.recordList" :key="indexTwo">
                    <view class="min-for-title-box">
                        <view>{{minItem.laboratoryName}}</view>
                        <view>{{minItem.createTime}}</view>
                    </view>
                    <view class="min-for-info-box">
                        <view class="min-for-info-min-box">
                            <img src="@/images/Version2.2/icon_jcjl_xm.png">
                            <view>{{minItem.fzrName}}</view>
                        </view>
                        <view class="min-for-info-min-box">
                            <img src="@/images/Version2.2/icon_jcjl_dh.png">
                            <view>{{minItem.fzrLxfs}}</view>
                        </view>
                    </view>
                </view>
            </view>
        </scroll-view>
    </view>
</template>

<script>
    import { listOrderByYyyymmdd } from '@/api/index.js'
    export default {
        name: "unsubmittedList",
        data() {
            return {
				//列表请求参数
				getData:{
				    pageNum:1,
					pageSize:20,
					isCg:1,
                    getType:true,
                    nullDataType:true,
				},
                dataList:[]
            }
        },
        onLoad() {

        },
        onShow() {
			this.dataList=[];
			this.getList();
        },
        methods: {
            //开始检查
            startButton(id){
                uni.navigateTo({
                    url: '/pages_manage/workbench/securityCheck/startChecking?id='+id,//开始安全检查
                });
            },
            //滚动加载事件
            scrollGet(){
                if(this.getData.getType){
                    this.getData.pageNum += 1;
                    this.getList();
                }
            },
			//获取列表数据
			async getList(){
			    let self = this;
			    const {data} = await listOrderByYyyymmdd(this.getData);
			    if(data.code==200){
					let self = this;
					for(let i=0;i<data.rows.length;i++){
						data.rows[i].createTime = data.rows[i].createTime.split(' ')[0];
						for(let o=0;o<data.rows[i].recordList.length;o++){
							data.rows[i].recordList[o].createTime = data.rows[i].recordList[o].createTime.split(' ')[1];
							let timeList = data.rows[i].recordList[o].createTime.split(':');
							data.rows[i].recordList[o].createTime = timeList[0]+':'+timeList[1]
						}
					}
			        if(self.pageNum==1){
			            if(data.rows.length > 0 && data.rows.length == self.getData.pageSize){
			                self.dataList = data.rows;
			            }else if(data.rows.length > 0 && data.rows.length != self.getData.pageSize){
			                self.dataList = data.rows;
			                self.getData.getType = false;
			                self.getData.nullDataType = true;
			            }else{
			                self.getData.getType = false;
			                self.getData.nullDataType = true;
			            }
			        }else{
			            if(data.rows.length > 0 && data.rows.length == self.getData.pageSize){
			                self.dataList = self.dataList.concat(data.rows)
			            }else if(data.rows.length > 0 && data.rows.length != self.getData.pageSize){
			                self.dataList = self.dataList.concat(data.rows);
			                self.getData.getType = false;
			                self.getData.nullDataType = true;
			            }else{
			                self.getData.getType = false;
			                self.getData.nullDataType = true;
			            }
			        }
			    }
			},
        }
    }
</script>

<style lang="stylus" scoped>
    #unsubmittedList{
        height: 100%;
        width: 100%;
        display flex
        .scroll-box{
            flex:1;
            overflow-y scroll
            .for-big-box:last-child{
                margin-bottom:180rpx;
            }
            .for-big-box{
                margin: 20rpx 20rpx 0;
                overflow hidden
                border-bottom-left-radius :20rpx;
                border-bottom-right-radius :20rpx;
                .for-time-p{
                    background #fff
                    line-height:87rpx;
                    font-size:30rpx;
                    padding:0 22rpx;
                    border-top-left-radius:20rpx;
                    border-top-right-radius:20rpx;
                }
                .for-back-img{
                    height:30rpx;
                    width:710rpx;
                }
                .for-list-box:nth-child(3){
                    .min-for-title-box{
                        border:none;
                    }
                }
                .for-list-box{
                    background #fff
                    padding:6rpx 0;
                    .min-for-title-box{
                        display flex
                        margin:0 20rpx;
                        border-top:1rpx solid #e0e0e0;
                        view{
                            line-height:35rpx;
                            height:35rpx;
                            margin:15rpx 0;
                        }
                        view:nth-child(1){
                            flex:1;
                            font-size:28rpx;
							display:block;
							overflow:hidden;
							text-overflow:ellipsis;
							white-space:nowrap;
                        }
                        view:nth-child(2){
                            font-size:26rpx;
                            color:#999;
                        }
                    }
                    .min-for-info-box{
                        display flex
                        margin:0 20rpx;
                        .min-for-info-min-box:nth-child(1){
                            view{
                                min-width:200rpx;
                            }
                        }
                        .min-for-info-min-box{
                            display flex
                            height:28rpx;
                            margin:14rpx 0;
                            img{
                                width:28rpx;
                                height:28rpx;
                                margin-right:10rpx;
                            }
                            view{
                                font-size:26rpx;
                                line-height:28rpx;
                            }
                        }
                    }
                }
            }
        }
    }
</style>