我要查警情列表新增处理中tab项

Administrator

2021-06-24 63f6d6d4dad97174a7c60d61aaba84f9012c11cc

我要查警情列表新增处理中tab项

 components/nav-bar-top/nav-bar-top.vue

@@ -32,7 +32,15 @@
            gotoMyself(){
                uni.navigateTo({
                    url:'../myself/myself'
                    // animationType: 'pop-in',
                    // animationDuration: 200
                })
				
                // uni.navigateBack({
                //     delta:1,
                //     animationType:'pop-out',
                //     animationDuration:200
                // });
            }
        }
    }

 pages/alarm_list/alarm_list.vue

@@ -2,18 +2,11 @@
    <view class="alarm-list">
        <!-- 自定义顶部导航栏 -->
        <navBarTop :title="'我要查'"></navBarTop>
        <!-- <view  @click="gotoMyself()">
			
            <uni-nav-bar class="uni-nav-bar-info" :fixed="true"  :status-bar="true" title="我要查">
                <view slot="left" class="uni-nav-bar-left">
                    <image :src="avatarImage"></image>
                </view>
            </uni-nav-bar>
        </view> -->
        
        <view class="navigation-bar">
            <view class="alarm-bar-total" :style="{color:totalColor,borderBottom:totalBoder}" @click="getAlarmListInfo(1)">全部({{totalNumber}})</view>
            <view class="alarm-bar-load" :style="{color:loadColor,borderBottom:loadBoder}" @click="getAlarmListInfo(2)">未处理({{untreatedNumber}})</view>
            <view class="alarm-bar-noload" :style="{color:noloadColor,borderBottom:noloadBoder}" @click="getAlarmListInfo(2)">未处理({{untreatedNumber}})</view>
            <view class="alarm-bar-load" :style="{color:loadColor,borderBottom:loadBoder}" @click="getAlarmListInfo(4)">处理中({{loadNumber}})</view>
            <view class="alarm-bar-load-before" :style="{color:loadBeforeColor,borderBottom:loadBeforeBoder}" @click="getAlarmListInfo(3)">已处理({{finishNumber}})</view>
        </view>
        <view class="alarm-list-content">
@@ -61,9 +54,11 @@
            return{
                pathUrl:"http://s16s652780.51mypc.cn/api",
                totalColor:"#51A2FE",
                noloadColor:"#000000",
                loadColor:"#000000",
                loadBeforeColor:"#000000",
                totalBoder:"2px solid #2E7EED",
                noloadBoder:"0px solid #2E7EED",
                loadBoder:"0px solid #2E7EED",
                loadBeforeBoder:"0px solid #2E7EED",
                untreatedColor:"#ED6154",
@@ -73,6 +68,7 @@
                bmainb:"",
                totalNumber:null,
                untreatedNumber:null,
                loadNumber:null,
                finishNumber:null,
                data:[],
                itemData:{},
@@ -116,34 +112,53 @@
                if(tab==1){
                    //字体颜色改变
                    this.totalColor = "#51A2FE";
                    this.noloadColor = "#000000";
                    this.loadColor = "#000000";
                    this.loadBeforeColor = "#000000";
                    //下划线样式改变
                    this.totalBoder = "2px solid #2E7EED";
                    this.noloadBoder = "0px solid #2E7EED";
                    this.loadBoder = "0px solid #2E7EED";
                    this.loadBeforeBoder = "0px solid #2E7EED";
                }
                
                if(tab==2){
                if(tab==4){
                    //字体颜色改变
                    this.totalColor = "#000000";
                    this.loadColor = "#51A2FE";
                    this.noloadColor = "#000000";
                    this.loadBeforeColor = "#000000";
                    //下划线样式改变
                    this.totalBoder = "0px solid #2E7EED";
                    this.loadBoder = "2px solid #2E7EED";
                    this.noloadBoder = "0px solid #2E7EED";
                    this.loadBeforeBoder = "0px solid #2E7EED";
                }
                
                if(tab==3){
                    //字体颜色改变
                    this.totalColor = "#000000";
                    this.noloadColor = "#000000";
                    this.loadColor = "#000000";
                    this.loadBeforeColor = "#51A2FE";
                    //下划线样式改变
                    this.totalBoder = "0px solid #2E7EED";
                    this.noloadBoder = "0px solid #2E7EED";
                    this.loadBoder = "0px solid #2E7EED";
                    this.loadBeforeBoder = "2px solid #2E7EED";
                }
				
                if(tab==2){
                    //字体颜色改变
                    this.totalColor = "#000000";
                    this.noloadColor = "#51A2FE";
                    this.loadColor = "#000000";
                    this.loadBeforeColor = "#000000";
                    //下划线样式改变
                    this.totalBoder = "0px solid #2E7EED";
                    this.noloadBoder = "2px solid #2E7EED";
                    this.loadBoder = "0px solid #2E7EED";
                    this.loadBeforeBoder = "0px solid #2E7EED";
                }
            },
            
@@ -169,6 +184,7 @@
                                that.totalNumber = res.data.data.number[0];
                                that.untreatedNumber = res.data.data.number[1];
                                that.finishNumber = res.data.data.number[2];
                                that.loadNumber = res.data.data.number[3];
                            }
                        }
                    })
@@ -212,6 +228,7 @@
            },
            //接收任务
            receives() {
                if(this.$store.state.piAPI){
                var url = this.$store.state.piAPI + "alarm/alarm/APP-setAlarm",
                    Pid = this.itemData.id,
                    id = this.$store.state.puserID, //警察id
@@ -234,6 +251,7 @@
                    }
                })
            }
            }
        
        }
    }
@@ -255,6 +273,7 @@
    .alarm-id-type-status,
    .alarm-position-time,
    .alarm-bar-total,
    .alarm-bar-noload,
    .alarm-bar-load,
    .alarm-bar-load-before,
    .image-place,
@@ -277,21 +296,28 @@
            // position: fixed;
            z-index: 999;
            // margin-top: 4rem;
            font-size: 15px;
            
            .alarm-bar-total{
                align-items: center;
                justify-content: center;
                width: 33.33%;
                width: 25%;
            }
			
            .alarm-bar-noload{
                align-items: center;
                justify-content: center;
                width: 25%;
            }
            
            .alarm-bar-load{
                width: 33.33%;
                width: 25%;
                align-items: center;
                justify-content: center;
            }
            
            .alarm-bar-load-before{
                width: 33.33%;
                width: 25%;
                align-items: center;
                justify-content: center;
            }

 store/state.js

@@ -4,8 +4,8 @@
        useName: '过客 ',
    },
    logPath: '',
    piAPI: 'http://s16s652780.51mypc.cn/api/',
    // piAPI: 'http://localhost:82/',
    // piAPI: 'http://s16s652780.51mypc.cn/api/',
    piAPI: 'http://localhost:82/',
    puserName: '',
    puserID: '',
    puserIphone:'',