h5页面定时器改1分钟

shishuaikang

2023-12-01 17d224a823e7342f82856d4baf9f73bdf813a3ea

 web/src/views/MixingInfo/messageInfo.vue

@@ -3,33 +3,33 @@
        <div class="mixing_header">
            <div class="mixing_main">
                <div class="mixing_left">
                    <div class="mixing_left_num"><span>1</span></div>
                    <div class="mixing_left_name">碎石5-10mm</div>
                    <div class="mixing_left_num"><span>{{mixingList&&mixingList.tableNum}}</span></div>
                    <div class="mixing_left_name">{{mixingList&&mixingList.materialName}}</div>
                </div>
                <div class="mixing_right">
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">产地名称：</div>
                        <div class="mixing_rows_datas">重庆涪陵区</div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.nameOfOrigin}}</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">进场数量：</div>
                        <div class="mixing_rows_datas">521.53 t</div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.incomingQuantity}} t</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">进场日期：</div>
                        <div class="mixing_rows_datas">2023-11-11</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">检验状态：</div>
                        <div class="mixing_rows_datas" style="color:rgba(255, 102, 0, 1);font-size:9rem;">待检</div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.inTime}}</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">检验日期：</div>
                        <div class="mixing_rows_datas"></div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.inspectionDate}}</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">检验状态：</div>
                        <div class="mixing_rows_datas"  :class="{'standardStyle':mixingList.status===1,'notStandardStyle':mixingList.status!==1}">{{mixingList&&mixingList.status===1?'合格':mixingList&&mixingList.status===2?'待检':''}}</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">报告编号：</div>
                        <div class="mixing_rows_datas"></div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.reportNumber}}</div>
                    </div>
                </div>
            </div>
@@ -40,11 +40,37 @@
export default {
    data(){
        return{
            timer:null,//定时器
            mixingList:null,//展示数据
        }
    },
    created(){
        this.searchMixingInfos()
    },
    mounted(){
        const that = this;
        // that.searchMixingInfos()
        that.timer = setInterval(()=>{
            that.searchMixingInfos()
        },60000)
    },
    beforeDestroy() {
        clearInterval(this.timer);
        this.timer = null;
    },
    methods:{
        searchMixingInfos(){
            let params={
                tableNum:window.location.href.split('/')[5].split('=')[1]
            }
            this.$api.Infos.showHmixings(params).then(res=>{
                if(res.statusMsg==='ok'){
                    this.mixingList = res.data===null?[]:res.data
                }else{
                    this.$message.warning('请检查网络或联系管理员!!!')
                }
            })
        },
    }
}
</script>
@@ -133,6 +159,14 @@
                        font-weight: 400;
                        font-size: 5rem;
                    }
                    .standardStyle{
                        color:#15EF48;
                        font-size:8rem;
                    }
                    .notStandardStyle{
                        color:rgba(255, 102, 0, 1);
                        font-size:8rem;
                    }
                }
            }
        }