<div class="app-mob-panel ">
        
        <div class="app-layoutpanel-container container-relative" style="">
            <div style="display: flex;flex-direction: column;"  class="container-relative">
            
        <div class="app-layoutpanel-container" style="height: 60px;">
            <div style="display: flex;justify-content: space-between;align-items: center;">
            
        <div class="app-layoutpanel-container" style="">
            <div style="display: flex;justify-content: flex-start;">
            
        <div style="" class="app-layoutpanel-field title-bold-16">
            <span>{{item.srfmajortext}}</span></div>
        
            
        <div style="" class="app-layoutpanel-rowitem item-red-16">
            ({{item.qjts}})天</div>
        
        
        
        
            </div>
        </div>
        
            
        <div class="app-layoutpanel-container status-tag-contain" style="">
            <div style="display: flex;"  class="status-tag-contain">
            
        <div style="" class="app-layoutpanel-field status-tag1">
            <div [ngClass]="{ 'status-tag-red':item.qjwfstatevalue == 20,'status-tag-green':item.qjwfstatevalue == 30,'status-tag-blue':item.qjwfstatevalue == 10 }">
                    <span>{{item.qjwfstate}}</span>
            </div>
        </div>
        
            </div>
        </div>
        
            </div>
        </div>
        
            
        <div class="app-layoutpanel-container item-grey-14" style="">
            <div style="display: flex;"  class="item-grey-14">
            
        <div style="" class="app-layoutpanel-field">
            <span>{{item.kssj}}</span></div>
        
            
        <div style="" class="app-layoutpanel-rowitem">
            ----</div>
        
        
        
        
            
        <div style="" class="app-layoutpanel-field">
            <span>{{item.jssj}}</span></div>
        
            </div>
        </div>
        
            </div>
        </div>
</div>
