<template>
  <view class="knowledge_qa_page">
    <view class="knowledge_qa_heder">
      <hs-tabs
        :list="tablist"
        :current="useModel?.currentTabs?.value"
        @onChange="method?.handleChangeTabs"
      />
    </view>
    <view class="knowledge_qa_body">
      <view class="knowledge_qa_item" @click="method?.handleShowDetail">
        <view class="title"> 新住户办理入户登记时，需要提供哪些材料？流程是什么？ </view>
        <view class="cell_footer">
          创建时间：2024-12-31
          <view class="btn">
            前往学习 <uni-icons type="arrow-right" size="13" color="#0082FA"></uni-icons>
          </view>
        </view>
      </view>

      <view class="knowledge_qa_item" @click="method?.handleShowDetail">
        <view class="title">
          业主打电话或到前台投诉时，情绪很激动（比如大声抱怨、语气强硬），该怎么应对？
        </view>
        <view class="cell_footer">
          创建时间：2024-12-31
          <view class="btn">
            前往学习 <uni-icons type="arrow-right" size="13" color="#0082FA"></uni-icons>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import useModel from './model'
import method from './method'
import { ref } from 'vue'
const tablist = [
  { label: '住户服务类', value: '1' },
  { label: '工单处理类', value: '2' },
  { label: '催缴费用类', value: '3' }
]
</script>

<style lang="scss">
@import './style.scss';
</style>
