uniDataCenter/pages/index/auditList.vue

<template>
  <view class="audit_box">
    <!--未审核-->
    <view>
      <view class="audit_title flex">
        <view class="f40 fWeight600">未审核</view>
        <view class="lable bcg-EC7266">未审核</view>
        <view class="lMarauto c-446EF6 f24" @click="goAll_list(0)">查看全部</view>
      </view>
      <swiper v-if="shenhewei&&shenhewei.length>0" class="swiper" :indicator-dots="true" indicator-color="rgba(181, 181, 181, 1)" indicator-active-color="rgba(66, 148, 235, 1)" style="background-color: #373E4E">
        <view v-for="(b,index) in shenhewei" :key="index+'q'+b.id">
          <swiper-item>
            <view class="unit_pad">
              <view class="smallTitle">{{b.staff_name?b.staff_name:'-'}}的报销</view>
              <view v-for="b_info in b.examine_detail" :key="b_info.node_idx" class="flex f28 tMar30">
                <view class="iconfont icon-shenpi_icon"></view>
                <view>{{b_info.node_idx == 1 ? '一' : (b_info.node_idx == 2 ? '二' : b_info.node_idx == 3 ? '三' : '')}}级审核</view>
                (<view>{{b_info.executors}}</view>)
                <view class="lMarauto shenheNow" v-if="b_info.support_opt == 1" @click="auditEvent(index)">立即审核</view>
                <view class="lMarauto" :style="{color : b_info.status == 2 ? '#589C54' : '#B8B8B8'}" v-if="b_info.support_opt == 0">
                  {{b_info.status == 1 ? '待审核' :
                    (b_info.status == 2 ? '已通过' :
                        (b_info.status == 3 ? '驳回' :
                            (b_info.status == 0 ? '保存' :
                                '异常')))}}
                </view>
              </view>
            </view>
          </swiper-item>
        </view>
      </swiper>
      <no-data v-else></no-data>
    </view>
    <!--已审核-->
    <view>
      <view class="audit_title flex">
        <view class="f40 fWeight600">已审核</view>
        <view class="lable bcg-2DA36E">已审核</view>
        <view class="lMarauto c-446EF6 f24" @click="goAll_list(1)">查看全部</view>
      </view>
      <swiper v-if="shenheyi&&shenheyi.length>0" class="swiper" :indicator-dots="true" indicator-color="rgba(181, 181, 181, 1)" indicator-active-color="rgba(66, 148, 235, 1)" style="background-color: #373E4E">
        <view v-for="(b,index) in shenheyi" :key="index+'d'+b.id">
          <swiper-item>
            <view class="unit_pad">
              <view class="smallTitle">{{b.staff_name?b.staff_name:'-'}}的报销</view>
              <view v-for="b_info in b.examine_detail" :key="b_info.node_idx" class="flex f28 tMar30">
                <view class="iconfont icon-shenpi_icon"></view>
                <view>{{b_info.node_idx == 1 ? '一' : (b_info.node_idx == 2 ? '二' : b_info.node_idx == 3 ? '三' : '')}}级审核</view>
                (<view>{{b_info.executors}}</view>)
                <view class="lMarauto shenheNow" v-if="b_info.support_opt == 1" @click="auditEvent(index,'shenheyi')">立即审核</view>
                <view class="lMarauto" :style="{color : b_info.status == 2 ? '#589C54' : '#B8B8B8'}" v-if="b_info.support_opt == 0">
                  {{b_info.status == 1 ? '待审核' :
                    (b_info.status == 2 ? '已通过' :
                        (b_info.status == 3 ? '驳回' :
                            (b_info.status == 0 ? '保存' :
                                '异常')))}}
                </view>
              </view>
            </view>
          </swiper-item>
        </view>
      </swiper>
      <no-data v-else></no-data>
    </view>
  </view>

</template>
<script>
export default {
  data(){
    return{
      shenhewei: [],
      shenheyi: [],
    }
  },
  methods:{
    auditEvent (index, type) {
      let info = this.shenhewei[index]
      if (type == 'shenheyi') {
        info = this.shenheyi[index]
      }
      uni.navigateTo({
        url: '../reimbursementList/submitApply?p_id=' + info.p_id + '&apply_id=' + info.s_id + '&source=audit'
      })
    },
    goAll_list (num) {
      uni.navigateTo({
        url: '../reimbursementList/audit?num=' + num
      })
    },
    get_auditList_yi (cb) {
      this.$req(this.$api.auditList, 'get', {
        is_examine: 1,
        show_detail: 1,
        page: 1,
        page_size: 6
      }, (res) => {
        cb ? cb() : ''
        if (res && res.errno == 0) {
          this.shenheyi = res.rst.data
        }
      },(err)=>{
        cb ? cb() : ''
      })
    },
    init_uType_equal3(){
      // this.get_auditList()//审核别人的报销单列表,未审核
      // this.get_auditList_yi()//已审核
      let pro1 = new Promise((resolve, reject)=>{
        this.get_auditList(()=>{
          resolve()
        })
      })
      let pro2 = new Promise((resolve, reject)=>{
        this.get_auditList_yi(()=>{
          resolve()
        })
      })
      Promise.all([pro1,pro2]).then(()=>{
        this.$hide_init_loading()
        uni.stopPullDownRefresh()
        this.$emit('auditTimerEdit',
            setTimeout(()=>{
              this.init_uType_equal3()
            },10*1000)
        )
      })
    },
    get_auditList (cb) {
      this.$req(this.$api.auditList, 'get', {
        is_examine: 0,
        show_detail: 1,
        page: 1,
        page_size: 6
      }, (res) => {
        cb ? cb() : ''
        if (res && res.errno == 0) {
          this.shenhewei = res.rst.data
        }
      },(err)=>{
        cb ? cb() : ''
      })
    },
  }
}

</script>
<style scoped lang="scss">
.audit_box {
  background-color: #333947;
  .swiper {
    min-height: 160rpx;
    height: 340rpx;
  }
  .audit_title {
    padding: 40rpx 34rpx;
    .lable {
      font-size: 28rpx;
      padding: 4rpx 10rpx;
      border-radius: 4px;
      margin-left: 26rpx;
    }
  }
  .icon-shenpi_icon {
    color: #828282;
    font-size: 30rpx;
    margin-right: 10rpx;
  }
  .shenheNow {
    background: #2e67ff;
    border-radius: 6rpx;
    padding: 4rpx 12rpx;
  }
  .unit_pad {
    padding: 20 rpx 32 rpx;
  }
  .smallTitle {
    font-size: 28rpx;
    font-weight: 600;
  }
}
</style>