马宇豪
2023-07-21 fc38d1c92f01a224e8373c4425481bb1d85e2bf3
pages/tabBar/examine/examine.vue
@@ -5,16 +5,25 @@
         <!-- 状态栏占位 -->
         <view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
         <!-- 真正的导航栏内容 -->
         <view class="navBar" >
            <view class="barText">工作通知审核</view>
         <view style="display: flex; flex-direction: column;" >
            <view class="navBar">
               <u-icon style=" margin-left: -25px;" name="arrow-left" color="black" size="17" @click="goBack" />
               <view class="barText">工作通知审核</view>
            </view>
         </view>
      </view>
      <!-- 页面内容 -->
      <view class="contentList">
         <view class="buttonGroup">
            <view style="display: flex;">
               <view  class="buttonAll all"
                  :class="{ 'active': selectedSaleAnalysis === 'all'}"
                  @click="handleButtonClick({label: 'all',name: '全部'})">
                  全部
               </view>
               <view v-for="(button, index) in buttons" :key="index" class="buttonItem"
                  :class="{ 'active': selectedSaleAnalysis === button.label,
                   'all': button.label === 'all',
                   'red': button.label === 'red',
                   'orange':button.label === 'orange',
                   'yellow':button.label === 'yellow',
@@ -24,7 +33,7 @@
               </view>
            </view>
            <view class="switchBtn">
               <text style="margin-right: 7px;">是否紧临</text>
               <text style="margin-right: 7px;">仅紧临</text>
               <u-switch v-model="checked"  size="20" @change="clickSwitch"></u-switch>
            </view>
         </view>
@@ -39,7 +48,7 @@
                  <view class="content" @click="toDetail(item)">
                     <text>[{{item.colorContent}}]</text>
                     <text>{{item.title}},{{item.content}}</text>
                     <view  style="float: right; width: 80px;margin-top: 3px;">
                     <view  style="float: right; width: 80px;margin-top: -5px;">
                        <u-button v-if="item.buttonContent == '已审核通过'" size="mini" class="buttonCo" style="background-color:rgb(17, 204, 33);color: white">
                           {{item.buttonContent}}
                        </u-button>
@@ -63,7 +72,7 @@
            </view>
         </view>
      </view>
      <tabBar :currentPagePath="page"></tabBar>
      <!-- <tabBar :currentPagePath="page"></tabBar> -->
   </view>
</template>
@@ -72,41 +81,42 @@
   import {getExamine} from '../../../api/examine.js'
   export default {
      components:{
         tabBar
         // tabBar
      },
      data() {
         return {
            data: {
               pageIndex: 1,
               pageSize: 1000,
               pageSize: 10,
               searchParams: {
                  emergType: 1,//1-紧急;2-常规
                  warningLevel: 1,//1-红色预警;2-橙色预警;3-黄色预警;4-蓝色预警
                  reviewStatus: 0//1:未审核,2:已审核,3:审核已驳回
                  emergType: null,//1-紧急;2-常规
                  warningLevel: null,//1-红色预警;2-橙色预警;3-黄色预警;4-蓝色预警
                  reviewStatus: null//1:未审核,2:已审核,3:审核已驳回
               }
            },
            page: 'pages/tabBar/examine/examine',
            checked: true,
            checked: false,
            isReadOnly: false,
            statusBarHeight: 0,
            buttons: [{
               label: 'red',
               name: '红'
            },
            {
               label: 'orange',
               name: '橙'
            },
            {
               label: 'yellow',
               name: '黄'
            },
            {
               label: 'blue',
               name: '蓝'
            },
            buttons: [
               {
                  label: 'red',
                  name: '红'
               },
               {
                  label: 'orange',
                  name: '橙'
               },
               {
                  label: 'yellow',
                  name: '黄'
               },
               {
                  label: 'blue',
                  name: '蓝'
               },
            ],
            selectedSaleAnalysis: 'red',
            selectedSaleAnalysis: 'all',
            examineList: [],
         }
      },
@@ -119,10 +129,16 @@
         this.getExanineList();
      },
      methods: {
         goBack() {
            console.log("1111")
            uni.switchTab({
                url:'/pages/tabBar/firstPage/firstPage'
            });
         },
         getExanineList() {
            this.data.searchParams.reviewStatus = this.isReadOnly ? 1 : null;
            this.data.searchParams.emergType = this.checked ? 1 : 2;
            this.data.searchParams.warningLevel = this.selectedSaleAnalysis =='red' ? 1 : this.selectedSaleAnalysis =='orange' ? 2: this.selectedSaleAnalysis =='yellow'? 3 : 4;
            this.data.searchParams.emergType = this.checked ? 1 : null;
            this.data.searchParams.warningLevel = this.selectedSaleAnalysis == 'all' ? null : this.selectedSaleAnalysis =='red' ? 1 : this.selectedSaleAnalysis =='orange' ? 2: this.selectedSaleAnalysis =='yellow'? 3 : 4;
            getExamine(this.data).then(res => {
               if(res.code == 100) {
                  this.examineList = res.data ? res.data : [];
@@ -131,10 +147,10 @@
                  if(this.examineList.length > 0) {
                     
                     this.examineList.forEach((item, index) => {
                        this.examineList[index].colorContent = this.data.searchParams.warningLevel == 1 ? '红色预警': this.data.searchParams.warningLevel == 2 ? '橙色预警': this.data.searchParams.warningLevel == 3 ? '黄色预警':'蓝色预警';
                        this.examineList[index].colorContent = item.warningLevel == 1 ? '红色预警': item.warningLevel == 2 ? '橙色预警': item.warningLevel == 3 ? '黄色预警':'蓝色预警';
                        this.examineList[index].buttonContent = item.reviewStatus == 1 ? '待审核': item.reviewStatus == 2 ? '已审核通过' : '已驳回';
                        this.examineList[index].role = 'leader';
                        this.examineList[index].warningLevel = this.data.searchParams.warningLevel;
                        this.examineList[index].warningLevel = item.warningLevel;
                     });
                  }
               }
@@ -147,11 +163,6 @@
         chooseRead(e) {
            this.isReadOnly = e;
            this.getExanineList();
            // if(e) {
            //    this.examineList = this.examineList.filter(item => item.reviewStatus == 1);
            // }else {
            //    this.getExanineList();
            // }
         },
         toDetail(item) {
            console.log("item",item)
@@ -192,7 +203,7 @@
}
.navBarBox .navBar {
      background-color:lightgrey;
      height: 25px;
      height: 45px;
      display: flex;
      flex-direction: row;
      justify-content: center;
@@ -218,6 +229,19 @@
   align-items: center;
   justify-content: space-between;
}
.buttonAll{
   margin-left:5px;
   color: white;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 35px;
   height: 30px;
   border-radius: 5px;
   font-size: 12px;
   font-weight: 700;
}
.buttonItem{
   margin-left:5px;
   color: white;
@@ -230,7 +254,10 @@
   border-radius: 5px;
}
.active {
   border: 1px solid gray;
   border: 1.5px solid #8d8d8d;
}
.all {
   background-color: rgb(17,204,33);
}
.red {
   background-color: red;