<!--收到随手拍-->
<template>
  <div class="app-container photonote">
    <div class="top-big-box" v-if="pageType==1||pageType==2">
      <div>
        <p :class="pageType==1?'color_one':'color_99'" @click="tableClick(1)">待审核</p>
        <p :class="{'back_one':pageType==1}"></p>
      </div>
      <div>
        <p :class="pageType==2?'color_one':'color_99'" @click="tableClick(2)">已通过</p>
        <p :class="{'back_one':pageType==2}"></p>
      </div>
    </div>
    <pending v-if="pageType==1"></pending>
    <processed v-if="pageType==2"></processed>
  </div>
</template>

<script>
import { listPhotonote, getPhotonote, delPhotonote,
  addPhotonote, updatePhotonote } from "@/api/securityCheck/index";
import pending from "./pending.vue";
import processed from "./processed.vue";


export default {
  components: {
    pending,
    processed
  },
  name: "Photonote",
  data() {
    return {
      pageType:1,
      pageTypeTwo:1,
    };
  },
  created() {

  },
  methods: {

    //选项卡切换
    tableClick(type){
      if(this.pageType!=type){

        this.pageType = type;
      }
    },

  }
};
</script>
<style scoped lang="scss">
  .photonote {
    display: flex!important;
    flex-direction: column;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    padding:20px!important;
    .top-big-box{
      display: flex;
      border-bottom:2px solid #E0E0E0;
      margin-top:-9px;
      margin-bottom:32px;
      div{
        cursor:pointer;
        width:128px;
        p:nth-child(1){
          line-height:58px;
          font-size:18px;
          text-align: center;
          margin:0;
        }
        p:nth-child(2){
          width:80px;
          height:4px;
          margin:0 auto;
          border-radius:1px;
        }
      }
    }
  }
</style>

