<template>
  <!-- 搜索 -->
  <main-page
    left-arrow
    @click-left="$router.go(-1)"
  >
    <div class="pt-14 pb-4 px-4">
      <group-cell title="工作完成进度">
        <c-cell title="所有进度" @click="$router.push('/okr/okr-progress')">
          <app-icon
            slot="prefix"
            icon-name="edit"
            class-name="w-4 h-4 mr-2"
          />
        </c-cell>
        <c-cell title="项目评分">
          <app-icon
            slot="prefix"
            icon-name="edit"
            class-name="w-4 h-4 mr-2"
          />
        </c-cell>
      </group-cell>
      <group-cell class="mt-4" title="全部Key Results">
        <c-cell title="全部Key Results">
          <app-icon
            slot="prefix"
            icon-name="edit"
            class-name="w-4 h-4 mr-2"
          />
        </c-cell>
        <c-cell title="今日到期Key Results">
          <app-icon
            slot="prefix"
            icon-name="edit"
            class-name="w-4 h-4 mr-2"
          />
        </c-cell>
      </group-cell>
      <group-cell class="mt-4" title="全部Objetives">
        <app-icon
          slot="suffix"
          icon-name="plus-black"
          class-name="h-5 w-5"
        />
        <c-cell title="增强公司内部管理制度">
          <div
            slot="prefix"
            class="text-sm color-tag text-emergency border border-emergency rounded-full py-px px-2.5 mr-4"
          >
            紧急
          </div>
        </c-cell>
        <c-cell title="部门管理" />
      </group-cell>
    </div>
  </main-page>
</template>

<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  name: 'Search',
  components: {
    'main-page': () => import('@/layout/main-page.vue'),
    'group-cell': () => import('@/components/common/group-cell.vue'),
    'c-cell': () => import('@/components/common/c-cell.vue'),
    'app-icon': () => import('@/components/common/Icon.vue')
  },
  data() {
    return {}
  }
})
</script>

<style lang="less">

</style>
