<template>
  <div v-cloak>
    <div style="justify-content: space-between" class="border-gb mt20 header mh-auto van-cell:not(:last-child)::after h50 flex align-items-c">
      <div style="flex-shrink: 0" class="flex align-items-c">
        <van-button round @click="seceltCurrentMonth()" size="small" class="ml15" type="danger" v-no-more-click="1000">当月</van-button>
        <div @click="timePopup" class="fs12 red ml15">
          {{ titleTime }}
          <img src="@/assets/images/u79.png" alt class="absolute mt2 ml5" />
        </div>
      </div>
      <div class="status">
        <van-field
          :value="filterStatus | filterStatusMethod"
          readonly
          label=""
          name=""
          right-icon="arrow-down"
          placeholder="状态选择"
          v-validate="'required'"
          @click="toSelect('1')"
        />
        <!-- <FieldDatePicter
          label=""
          name=""
          :isDefault="true"
          :value.sync="filterDate"
          type="datetime"
          :flag="true"
          placeholder="时间筛选"
          @confirm="onDateConfirm($event, '2')"
          :maxDate="maxDate"
        ></FieldDatePicter> -->
      </div>
    </div>
    <!-- 机构筛选 -->
    <div class="classification" v-if="manageLv != '09'">
      <span>机构名称: </span>
      <span v-if="manageLv == '06'">
        <span>{{ orgs[0].name }}</span>
        <van-icon name="arrow" />
      </span>
      <span v-else-if="manageLv == '04' || manageLv == '05'" @click="isOrgLv2ConditionShow = true">
        <span>{{ orgs[0].name }}</span>
        <van-icon name="arrow-down" />
      </span>
      <template>
        <span v-if="manageLv == '07'">
          <span>{{ orgs[1].name }}</span>
          <van-icon name="arrow" />
        </span>
        <span v-else-if="manageLv == '04' || manageLv == '05' || manageLv == '06'" @click="isOrgLv3ConditionShow = true">
          <span>{{ orgs[1].name }}</span>
          <van-icon name="arrow-down" />
        </span>

        <span v-if="manageLv == '08'">
          <span>{{ orgs[2].name }}</span>
          <van-icon name="arrow" />
        </span>
        <span v-else-if="manageLv == '04' || manageLv == '05' || manageLv == '06' || manageLv == '07'" @click="isOrgLv4ConditionShow = true">
          <span>{{ orgs[2].name }}</span>
          <van-icon name="arrow-down" />
        </span>
        <!-- 个人 -->
        <span v-if="manageLv == '07' || manageLv == '08'" @click="isOrgLv5ConditionShow = true">
          <span>{{ orgs[3].name }}</span>
          <van-icon name="arrow-down" />
        </span>
      </template>
    </div>
    <!-- <div class="c-gray-base fs13 ml25 mt10" v-if="mask=='1'">
      所在机构：
      <span v-if="buName!==undefined">{{buName}}></span>
      <span class="red">{{Name}}</span>
    </div> -->
    <!-- <div class="flex align-items-c h86 content1 bg-white mt10" v-if="mask=='1'">
      <div
        class="w40 h60 ml15 text-center relative"
        v-for="(item, index) in headerList"
        :key="index"
      >
        <div @click="(InfoDetails(index))">
          <img class="h40 w40" src="@/assets/images/u188.png" alt />
          <div :class="[item.isShowImg?'active':'']"></div>
          <div class="fs13">{{item.agentName}}</div>
        </div>
      </div>
    </div> -->
    <div class="mt20">
      <div class="h50 bg-white content mh-auto fs13 fw500">
        <div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
          <div>{{ orgs[orgLev].name }}佣金（元）</div>
          <div class="red">{{ fyc }}</div>
        </div>
      </div>
      <div class="h50 bg-white content mh-auto fs13 fw500 mt5" v-if="manageLv != '09' && orgLev != '3'">
        <div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
          <div>{{ orgs[orgLev].name }}合格人力</div>
          <div class="red">{{ hgrl }}</div>
        </div>
      </div>
      <!-- <div class="h50 bg-white content mh-auto fs13 fw500 mt5">
        <div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
          <div>承保FYC（元）</div>
          <div class="red">{{cfyc}}</div>
        </div>
      </div>-->
      <!-- <div class="h50 bg-white content mh-auto fs13 fw500 mt5">
        <div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
          <div>综合开拓承保保费（元）</div>
          <div class="red">{{zcbf}}</div>
        </div>
      </div>-->
      <!-- <div v-if="isShow"> -->
      <div>
        <div class="h50 bg-white content mh-auto fs13 fw500 mt5">
          <div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
            <div>本月{{ filterStatusName }}期交（元）</div>
            <div v-if="filterStatus == 1" class="red">{{ ysbb }}</div>
            <div v-else-if="filterStatus == 2" class="red">{{ cbbb }}</div>
          </div>
        </div>
        <div class="h50 bg-white content mh-auto fs13 fw500 mt5">
          <div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
            <div>本月{{ filterStatusName }}件数</div>
            <div v-if="filterStatus == 1" class="red">{{ ysjs }}</div>
            <div v-else-if="filterStatus == 2" class="red">{{ cbjs }}</div>
          </div>
        </div>
      </div>
      <!-- <div class="h50 bg-white content mh-auto fs13 fw500 mt5" v-if="isShow">
        <div class="pl10 pr10 pt15 flex justify-content-s align-items-c">
          <div>本月预收FYC（元）</div>
          <div class="red">{{yfyc}}</div>
        </div>
      </div>-->
    </div>
    <!-- <div>
      <div class="h40 bg-red absolute bottom0 footer text-center fs13 fw500 white" v-if="mask1" @click="checkTeam(obj)">
        {{ footerText }}
      </div>
    </div> -->
    <!--预收\承保 -->
    <van-popup v-model="popupShow" position="bottom">
      <van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="popupShow = false" />
    </van-popup>

    <!-- 二级机构筛选栏 -->
    <van-popup v-model="isOrgLv2ConditionShow" position="bottom" :style="{ height: '40vh' }">
      <van-picker show-toolbar :columns="province" @confirm="onOrgLv2ConditionConfirm" @cancel="isOrgLv2ConditionShow = false" />
    </van-popup>
    <!-- 三级机构筛选栏 -->
    <van-popup v-model="isOrgLv3ConditionShow" position="bottom" :style="{ height: '40vh' }">
      <van-picker show-toolbar :columns="city" @confirm="onOrgLv3ConditionConfirm" @cancel="isOrgLv3ConditionShow = false" />
    </van-popup>
    <!-- 四级机构筛选栏 -->
    <van-popup v-model="isOrgLv4ConditionShow" position="bottom" :style="{ height: '40vh' }">
      <van-picker show-toolbar :columns="area" @confirm="onOrgLv4ConditionConfirm" @cancel="isOrgLv4ConditionShow = false" />
    </van-popup>
    <!-- 五级机构筛选--个人 -->
    <van-popup v-model="isOrgLv5ConditionShow" position="bottom" :style="{ height: '40vh' }">
      <van-picker show-toolbar :columns="personal" @confirm="onOrgLv5ConditionConfirm" @cancel="isOrgLv5ConditionShow = false" />
    </van-popup>

    <!-- 筛选年月日 -->
    <van-popup v-model="dateShow" position="bottom">
      <van-datetime-picker
        v-model="currentDate"
        type="year-month"
        title="选择年月日"
        :min-date="minDate"
        :max-date="maxDate"
        @cancel="handleCancel"
        @confirm="handleEndDateConfirm"
      />
    </van-popup>
  </div>
</template>
<script>
import { getBaseAgentInfo, getPerformanceDetail, getBranchByUser, getMisBranchComList } from '@/api/ebiz/performance/performance'
import { getAgentInfo } from '@/api/ebiz/my/my.js'

import utils from '@/assets/js/utils/date-utils'
import { Popup, DatetimePicker, Button } from 'vant'
import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
let statuss = [
  {
    id: 1,
    text: '预收状态'
  },
  {
    id: 2,
    text: '承保状态'
  }
]
export default {
  name: 'performance',
  components: {
    [Popup.name]: Popup,
    [DatetimePicker.name]: DatetimePicker,
    FieldDatePicter
  },
  computed: {
    province() {
      const name = []
      this.OrgLv2s.forEach(item => {
        name.push(item.name)
      })
      return name
    },
    city() {
      const city = ['全部']
      this.OrgLv3s.forEach(item => {
        if (item.upBranchCode === this.orgs[0].code) {
          city.push(item.name)
        }
      })
      return city
    },
    area() {
      const area = ['全部']
      this.OrgLv4s.forEach(item => {
        if (item.upBranchCode === this.orgs[1].code) {
          area.push(item.name)
        }
      })
      return area
    },
    personal() {
      const personal = ['全部']
      this.OrgLv5s.forEach(item => {
        // if (item.upBranchCode === this.orgs[2].code) {
        personal.push(item.name)
        // }
      })
      return personal
    }
  },
  data() {
    return {
      jobNo: '', //获取登录人的代理人编码--agentCode
      manageLv: 1, //当前人机构等级
      popupShow: false, //字段选择框
      // 二级机构筛选是否显示--区
      isOrgLv2ConditionShow: false,
      // 三级机构筛选是否显示--部
      isOrgLv3ConditionShow: false,
      // 四级机构筛选是否显示--组
      isOrgLv4ConditionShow: false,
      // 四级机构筛选是否显示--个人
      isOrgLv5ConditionShow: false,
      OrgLv2s: [],
      OrgLv3s: [],
      OrgLv4s: [],
      OrgLv5s: [],
      columns: [], //字段选择list
      pickType: '', //toSelect选择值  todo
      filterStatus: 1, //保单状态 1为预收状态 2 承保状态
      filterStatusName: '预收', //保单状态name值
      orgLev: 0, //当前选择的机构等级
      orgs: [
        //机构分级
        {
          name: '全部',
          code: '',
          inCode: ''
        },
        {
          name: '全部',
          code: '',
          inCode: ''
        },
        {
          name: '全部',
          code: '',
          inCode: ''
        },
        {
          name: '全部',
          code: '',
          inCode: ''
        }
      ],
      currentDate: new Date(),
      dateShow: false,
      minDate: new Date(2020, 0, 1),
      maxDate: new Date(),
      titleTime: '',
      date1: {
        date: '2020-07-01'
      },
      // agentGrade: '',
      // isShow: true,
      // obj: {},
      // agentCode: '',
      fyc: '',
      hgrl: '',
      cbbb: '',
      cbjs: '',
      ysjs: '',
      cfyc: '0.00',
      zcbf: '0.00',
      ysbb: '',
      yfyc: '0.00',
      timeCode: ''
      // mask: '',
      // headerList: [],
      // unitName: '',
      // Name: '',
      // code: '',
      // isShowImg: true,
      // buName: '',
      // mask1: false,
      // footerText: ''
    }
  },
  filters: {
    filterStatusMethod(val) {
      let str = ''
      statuss.filter(item => {
        if (val == item.id) {
          str = item.text
        }
      })
      return str
    }
  },
  created() {
    this.formatDate1()
    // this.getBaseAgentInfo1()
    // if (this.code !== '') {
    //   this.getHeader1()
    // }
    setTimeout(() => {
      // eslint-disable-next-line no-undef
      EWebBridge.webCallAppInJs('webview_right_button', {
        btns: [
          {
            title: '考勤记录',
            title_color: 'FF0000'
          }
        ]
      })
    }, 1000)
  },
  mounted() {
    window.appCallBack = this.appCallBack
    this.getAgentInfoFunc()
    this.initData()
  },
  methods: {
    // 获取登录人的代理人编码--agentCode，再查询个人业绩查询列表
    async getAgentInfoFunc() {
      const res = await getAgentInfo({})
      if (res.result == 0) {
        this.jobNo = res.jobNo
      }
    },
    async initData() {
      //获取当前人机构等级
      let resData = await getBranchByUser({})
      if (resData.result != '0') return this.$toast(resData.resultMessage)
      this.manageLv = resData.content.level
      // 1、如果内勤（四级和五级）查看出单详情，选择机构名称时，可以选择内勤所辖区，可能存在一个或者多个；
      // 2、如果外勤（组长及以上）查看出单详情，选择机构名称时，区只有一个。
      //（内勤）level 04,05时 服务机构  （外勤）level 06,07,08时 区
      if (this.manageLv == '04' || this.manageLv == '05') {
        const res = await getMisBranchComList({
          bussinessType: 'normal',
          manageCode: resData.content.code,
          manageLv: resData.content.level
        })
        if (res.result === '0') {
          this.OrgLv2s.push(...res.content)
          this.orgs[0].name = this.OrgLv2s[0].name
          this.orgs[0].code = this.OrgLv2s[0].code
          this.orgs[0].inCode = this.OrgLv2s[0].inCode
          this.orgLev = 0
          this.onOrgLv2ConditionConfirm(this.orgs[0].name, 'false')
        } else {
          this.$toast(res.resultMessage)
        }
      } else if (this.manageLv == '06') {
        // 区
        this.orgs[0].name = resData.content.name
        this.orgs[0].code = resData.content.code
        this.orgs[0].inCode = resData.content.inCode
        this.orgLev = 0
        this.onOrgLv2ConditionConfirm(this.orgs[0].name, 'false')
      } else if (this.manageLv == '07') {
        //部
        this.orgs[0].name = resData.content.distName
        this.orgs[0].code = resData.content.distCode
        this.orgs[1].name = resData.content.name
        this.orgs[1].code = resData.content.code
        this.orgs[1].inCode = resData.content.inCode
        this.orgLev = 1
        this.onOrgLv3ConditionConfirm(this.orgs[1].name, 'false')
      } else if (this.manageLv == '08') {
        //组
        this.orgs[0].name = resData.content.distName
        this.orgs[0].code = resData.content.distCode
        this.orgs[1].name = resData.content.depName
        this.orgs[1].code = resData.content.depCode
        this.orgs[2].name = resData.content.name
        this.orgs[2].code = resData.content.code
        this.orgs[2].inCode = resData.content.inCode
        this.orgLev = 2
        this.onOrgLv4ConditionConfirm(this.orgs[2].name, 'false')
      } else if (this.manageLv == '09') {
        this.orgs[3].name = resData.content.name
        this.orgs[3].code = resData.content.code
        this.orgs[3].inCode = resData.content.code
        this.orgLev = 3
      }
      this.getPerformanceDetailC()
    },
    // 筛选二级机构-区
    async onOrgLv2ConditionConfirm(data, status) {
      this.isOrgLv2ConditionShow = false
      let OrgLv2 = this.OrgLv2s.find(item => item.name === data)
      if (OrgLv2) {
        this.orgs[0].code = OrgLv2.code
        this.orgs[0].inCode = OrgLv2.inCode
        this.orgLev = 0
        // this.params.manageCode = this.OrgLv2Code
        // this.params.manageLv = '02'
      }
      this.orgs[0].name = data
      this.orgs[1].name = '全部'
      this.orgs[1].code = ''
      this.orgs[1].inCode = ''
      this.orgs[2].name = '全部'
      this.orgs[2].code = ''
      this.orgs[2].inCode = ''
      if (status != 'false') {
        this.getPerformanceDetailC()
      }
      // 查询三级机构
      const res = await getMisBranchComList({
        bussinessType: 'normal',
        manageCode: this.orgs[0].code,
        manageLv: '06'
      })
      this.OrgLv3s.splice(0)
      this.OrgLv3s.push(...res.content)
    },
    // 筛选三级机构-部
    async onOrgLv3ConditionConfirm(data, status) {
      this.isOrgLv3ConditionShow = false
      this.orgs[1].name = data
      let OrgLv3 = this.OrgLv3s.find(item => item.name === data)
      if (OrgLv3) {
        this.orgs[1].code = OrgLv3.code
        this.orgs[1].inCode = OrgLv3.inCode
        this.orgLev = 1
        // this.params.manageCode = this.OrgLv3Code
        // this.params.manageLv = '03'
      }
      if (data === '全部') {
        // this.params.manageCode = this.OrgLv2Code
        // this.params.manageLv = '02'
        this.orgs[1].code = ''
        this.orgs[1].inCode = ''
        this.orgLev = 0
      }
      this.orgs[2].code = ''
      this.orgs[2].inCode = ''
      this.orgs[2].name = '全部'
      if (status != 'false') {
        this.getPerformanceDetailC()
      }
      if (data != '全部') {
        // 查询四级机构
        const res = await getMisBranchComList({
          bussinessType: 'normal',
          manageCode: this.orgs[1].code,
          manageLv: '07'
        })
        this.OrgLv4s.splice(0)
        this.OrgLv4s.push(...res.content)
      }
    },
    // 筛选四级机构-组
    async onOrgLv4ConditionConfirm(data, status) {
      this.isOrgLv4ConditionShow = false
      this.orgs[2].name = data
      let area = this.OrgLv4s.find(item => item.name === data)
      if (area) {
        this.orgs[2].code = area.code
        this.orgs[2].inCode = area.inCode
        this.orgLev = 2
        // this.params.manageCode = this.OrgLv4Code
        // this.params.manageLv = '04'
      }
      if (data === '全部') {
        // this.params.manageCode = this.OrgLv3Code
        // this.params.manageLv = '03'
        this.orgs[2].code = ''
        this.orgs[2].inCode = ''
        this.orgLev = 1
        //区经理，机构名称选择任意部和组，先部选全部，组再选择全部，页面展示为全部佣金/全部合格人力
        if (this.orgs[1].name == '全部') {
          this.orgLev = 0
        } else if (this.orgs[2].name == '全部') {
          this.orgLev = 1
        }
      }
      this.orgs[3].name = '全部'
      this.orgs[3].code = ''
      this.orgs[3].inCode = ''
      if (status != 'false') {
        this.getPerformanceDetailC()
      }
      if (this.manageLv == '07' || this.manageLv == '08') {
        this.OrgLv5s.splice(0)
        if (data != '全部') {
          // 查询五级机构--个人--旧版
          // const res = await getMisBranchComList({
          //   bussinessType: 'normal',
          //   manageCode: this.orgs[2].code,
          //   inCode: this.orgs[2].inCode,
          //   manageLv: '08'
          // })
          // this.OrgLv5s.push(...res.content)
          //需求更改
          this.OrgLv5s.push({ name: '个人' })
        }
      }
    },
    // 筛选五级机构-个人
    async onOrgLv5ConditionConfirm(data) {
      this.isOrgLv5ConditionShow = false
      this.orgs[3].name = data
      let personal = this.OrgLv5s.find(item => item.name === data)
      if (personal) {
        this.orgs[3].code = this.jobNo
        // 查询五级机构--个人--旧版
        // this.orgs[3].code = personal.code
        // this.orgs[3].inCode = personal.inCode
        this.orgLev = 3
      }
      if (data === '全部') {
        this.orgs[3].code = ''
        this.orgs[3].inCode = ''
        //部经理，机构名称选择任意组和个人，先组选全部，个人再选择全部，页面展示为全部佣金/全部合格人力
        if (this.orgs[2].name == '全部') {
          this.orgLev = 1
        } else if (this.orgs[3].name == '全部') {
          this.orgLev = 2
        }
      }
      this.getPerformanceDetailC()
    },
    //选择当月时间
    seceltCurrentMonth() {
      this.titleTime = utils.formatDate(new Date(), 'yyyy-MM')
      // this.timeCode = utils.formatDate(this.currentDate, 'yyyy-MM-dd')
      this.timeCode = this.timeCode = this.titleTime + '-01'
      this.getPerformanceDetailC()
    },
    //下面蒙层机构名称点击确认
    onConfirm(value) {
      switch (this.pickType) {
        case '1':
          this.filterStatus = value.id
          this.filterStatusName = value.id == '1' ? '预收' : '承保'
          break
      }
      this.popupShow = false
    },
    //机构名称--点击时渲染下面蒙层的枚举值
    async toSelect(pickType) {
      this.columns = []
      switch (pickType) {
        case '1':
          this.columns = statuss
          break
      }
      ;[this.pickType, this.popupShow] = [pickType, true]
    },
    appCallBack(data) {
      if (data.trigger == 'right_button_click') {
        this.$jump({
          flag: 'h5',
          extra: {
            url: location.origin + `/#/attendance/Attendance`
          },
          routerInfo: {
            path: `/attendance/Attendance`
          }
        })
      }
      if (data.trigger == 'left_button_click') {
        this.$jump({
          flag: 'home'
        })
      }
    },
    timePopup() {
      this.dateShow = true
    },
    handleCancel() {
      this.dateShow = false
    },
    //点击筛选年月日--点击确认
    handleEndDateConfirm(e) {
      this.dateShow = false
      this.titleTime = utils.formatDate(e, 'yyyy-MM')
      // this.timeCode = utils.formatDate(e, 'yyyy-MM-dd')
      this.timeCode = this.timeCode = this.titleTime + '-01'
      // this.obj.date = this.timeCode
      this.getPerformanceDetailC()
      // if (String(this.titleTime) === String(utils.formatDate(new Date(), 'yyyy-MM'))) {
      //   this.isShow = true
      // } else {
      //   this.isShow = false
      // }
    },
    formatDate1() {
      // 已和需求兴雨确认了，入口只有一个
      if (this.$route.params.parmas !== undefined) {
        ;(this.titleTime = JSON.parse(this.$route.params.parmas).date.slice(0, 7)), (this.timeCode = JSON.parse(this.$route.params.parmas).date)
      } else {
        this.titleTime = utils.formatDate(this.currentDate, 'yyyy-MM')
        // this.timeCode = utils.formatDate(this.currentDate, 'yyyy-MM-dd')
        this.timeCode = this.titleTime + '-01'
      }
      // this.obj.date = this.timeCode
    },
    //个人业绩查询列表接口
    getPerformanceDetailC() {
      //个人查询 都拿code字段   区部组 拿incode字段
      let data = {
        date: this.timeCode,
        areaCode: this.orgs[0].inCode,
        deptCode: this.orgs[1].inCode,
        groupCode: this.orgs[2].inCode,
        agentCode: this.orgs[3].code
      }
      getPerformanceDetail(data).then(res => {
        if (res.result == 0) {
          ;(this.cbbb = res.content.list[0].cbbb),
            (this.cbjs = res.content.list[0].cbjs),
            (this.ysjs = res.content.list[0].ysjs),
            (this.ysbb = res.content.list[0].ysbb),
            (this.fyc = res.content.list[0].fyc),
            (this.hgrl = res.content.list[0].hgrl)
        }
      })
    }
    //获取代理人关系
    // getBaseAgentInfo1() {
    //   let date = {}
    //   getBaseAgentInfo(date).then(res => {
    //     console.log(res)
    //     if (res.result == 0) {
    //       ;(this.agentGrade = res.agentGrade), (this.unitName = res.unitName), (this.saleArea = res.saleArea)
    //       if (window.localStorage.getItem('parmas2') == null) {
    //         this.agentCode = res.jobNo
    //       } else {
    //         this.agentCode = JSON.parse(window.localStorage.getItem('parmas2')).agentCode
    //       }

    //       ;(this.obj.agentGrade = this.agentGrade),
    //         (this.obj.agentCode = this.agentCode),
    //         (this.branchCode = res.branchCode),
    //         (this.deptCode = res.deptCode),
    //         (this.areaCode = res.areaCode)
    //       if (this.agentGrade.slice(0, 2) == 'A1') {
    //         this.mask1 = false
    //         this.footerText = ''
    //       } else if (this.agentGrade.slice(0, 2) == 'A2') {
    //         this.mask1 = true
    //         this.footerText = '查看团队业绩'
    //         ;(this.obj.unitName = this.unitName), (this.obj.code = this.branchCode)
    //       } else if (this.agentGrade.slice(0, 2) == 'A3') {
    //         this.mask1 = true
    //         this.footerText = '查看团队业绩'
    //         ;(this.obj.unitName = this.saleArea), (this.obj.code = this.deptCode)
    //       } else if (this.agentGrade.slice(0, 2) == 'A4') {
    //       }
    //       this.getPerformanceDetailC()
    //     }
    //   })
    // },
    // //获取代理人下级头像
    // getPerformanceHeader1() {
    //   let date = {}
    //   getPerformanceHeader(date).then((res) => {
    //     console.log(res)
    //     if (res.result == 0) {
    //       for (let i = 0; i < res.content.length; i++) {
    //         res.content[i].isShowImg = true
    //       }
    //       this.headerList = res.content
    //     }
    //   })
    // },
    // getHeader1() {
    //   console.log(1111)
    //   let code = {
    //     agentgroup: this.code
    //   }
    //   getHeader(code).then(res => {
    //     console.log(res)
    //     if (res.result == 0) {
    //       for (let i = 0; i < res.content.length; i++) {
    //         res.content[i].isShowImg = true
    //         res.content[0].isShowImg = false
    //       }
    //       this.headerList = res.content
    //     }
    //   })
    // },
    // checkTeam(obj) {
    //   console.log(obj)
    //   localStorage.obj = JSON.stringify(this.obj)
    //   this.$jump({
    //     flag: 'h5',
    //     extra: {
    //       url: location.origin + `/#/performance/PerformanceList`
    //     },
    //     routerInfo: {
    //       path: `/performance/PerformanceList`
    //     }
    //   })
    // },
  },
  destroyed: function() {
    console.log('我已经离开了！')
    window.localStorage.removeItem('parmas1')
    window.localStorage.removeItem('parmas2')
    window.localStorage.removeItem('obj1')
  }
}
</script>
<style lang="scss" scoped>
.status {
  margin-left: 30px;
  border-radius: 10px;
  overflow: hidden;
  /deep/.van-cell {
    font-size: 12px;
    padding: 1.66667vw 3.26667vw;
  }
}
.classification {
  font-size: 14px;
  padding: 15px;
}
.van-icon {
  font-weight: bolder;
}

::v-deep .classification .van-icon {
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 3px;
}

::v-deep .van-tab--active {
  font-size: 16px;
  font-weight: bolder;
  transition: all 0.1s ease;
}
/deep/.van-field__label {
  width: 0px;
}
</style>
<style scoped>
.header {
  width: 92%;
}
.content {
  width: 86%;
}
.footer {
  width: 100%;
  line-height: 40px;
}
:footer([v-cloak]) {
  display: none !important;
}
.content1 {
  width: 100%;
  overflow-x: scroll;
}
.active {
  width: 40px;
  height: 40px;
  z-index: 100;
  background: #ccc;
  opacity: 0.5;
  top: 0px;
  border-radius: 20px;
  position: absolute;
}
</style>
