vue基础(遍历数据,class样式控制)


    
        
        
        
        
        

        
        

        
    
    
        


            


                

                    时间显示范围:
                    
                    
                    

                    
                    

                    
                    查询
                


                

                     A 当前项目
                                                 style="color: #2A2A2A; font-weight: bold;font-size: 17px;">A 其他项目
                     空闲/占用
                    新申请
                    释放
                

                保存
            

            

                

            


            

                
                    
                        
                            
                        
                    
                                             infinite-scroll-distance="10" immediate-check="false">
                        
                            
                            
                            
                            
                            

                        


                    
                

                                {{thitem}}
                            
{{item.level_name}}{{item.personName}}{{item.department_name}}                                 v-for="(tditem, tdidx) in item.dateArray" :key="tdidx"
                                :class="{'xiu_suausyes':tditem.bgcolor ==0 ,'suausyes': tditem.bgcolor==1, 'xinshenqing_suausyes':tditem.bgcolor==2 ,'shifang_suausyes': tditem.bgcolor==3, 'ctxsq_suausyes':tditem.bgcolor==4, 'ctzy_suausyes':tditem.bgcolor==5}">
                                
                                


                                


                                    

                                        :text="valitem.fontcolor">
                                                                                     :class="{valitemColor1: valitem.fontcolor == 1, valitemColor2: valitem.fontcolor == 2, valitemColor3: valitem.fontcolor == 3}">
                                            {{valitem.val}}

                                    


                                

                                


                                    

                                        :text="valitem.fontcolor">
                                                                                     :class="{valitemColor1: valitem.fontcolor == 1, valitemColor2: valitem.fontcolor == 2, valitemColor3: valitem.fontcolor == 3}">
                                            {{valitem.val}}

                                    


                                

                                


                                    

                                        :text="valitem.fontcolor">
                                                                                     :class="{valitemColor1: valitem.fontcolor == 1, valitemColor2: valitem.fontcolor == 2, valitemColor3: valitem.fontcolor == 3}">
                                            {{valitem.val}}

                                        

                                    


                                

                                

                                    

                                        :text="valitem.fontcolor">
                                                                                     :class="{valitemColor1: valitem.fontcolor == 1, valitemColor2: valitem.fontcolor == 2, valitemColor3: valitem.fontcolor == 3}">
                                            {{valitem.val}}

                                    


                                

                                


                                    

                                        :text="valitem.fontcolor">
                                                                                     :class="{valitemColor1: valitem.fontcolor == 1, valitemColor2: valitem.fontcolor == 2, valitemColor3: valitem.fontcolor == 3}">
                                            {{valitem.val}}

                                    


                                

                                

                                    

                                        :text="valitem.fontcolor">
                                                                                     :class="{valitemColor1: valitem.fontcolor == 1, valitemColor2: valitem.fontcolor == 2, valitemColor3: valitem.fontcolor == 3}">
                                            {{valitem.val}}

                                    


                                

                            

                

数据加载中...


                

没有数据了!


                

暂无数据!


            

        

    


    
    
    
    
    

你可能感兴趣的:(前端,vue.js,vue)