ebiz-h5/src/views/ebiz/insureAgain/index.vue

<template>
  <div>
    <van-search v-model="value" placeholder="请输入保单号/投保人姓名/被保险人姓名" />
    <van-sticky>
      <van-tabs v-model="active">
        <van-tab title="未提交" />
        <van-tab title="已提交" />
      </van-tabs>
    </van-sticky>
    <div class="container">
      <keep-alive>
        <component :is="is" />
      </keep-alive>
    </div>
  </div>
</template>

<script>
import { Search, Sticky } from 'vant'
import Committed from './Committed'
import Uncommitted from './Uncommitted'

export default {
  name: 'InsureAgain',
  components: {
    Committed,
    Uncommitted,
    [Search.name]: Search,
    [Sticky.name]: Sticky
  },
  data() {
    return {
      active: 0,
      value: ''
    }
  },
  computed: {
    is() {
      if (this.active === 0) {
        return 'Uncommitted'
      } else {
        return 'Committed'
      }
    }
  }
}
</script>

<style lang="scss" scoped></style>