<template>
  <div class="q-pa-md customer">
    <q-page padding style="background: #FFF;border-radius: 10px;">
      <q-tabs
        v-model="tab"
        dense
        class="text-grey q-mb-md"
        align="left"
        active-color="primary"
        indicator-color="primary"
        narrow-indicator
      >
        <q-tab :name="1" label="未处理" />
        <q-tab :name="2" label="待回访" />
        <q-tab :name="3" label="无效线索" />
        <q-tab :name="4" label="已转客户" />
      </q-tabs>
      <div class="page-search row items-center">
        <div class="col row wrap q-mr-lg q-col-gutter-md">
          <div class="col-3">
            <!-- <q-input filled v-model="SeletObj.selectVal" label='请输入'>
              <template #before>
                <q-select filled style="width:120px;" @update:model-value="getSelectWay" option-value="Id" option-label="Name" v-model="SeletObj.selectWay"
                :options="TypeList" emit-value map-options label="选择类型" />
              </template>
            </q-input> -->
          </div>
          <div class="col-3">
            <!-- <q-select filled style="width:120px;" @update:model-value="getSelectTime" option-value="Id" option-label="Name" v-model="TimeObj.timeWay"
                :options="TimeList" emit-value map-options />
            <q-date v-model="days" multiple /> -->
          </div>
          <div class="col-3">
               <a-date-picker v-model:value="value1" />
          </div>
        </div>
      </div>
      <div class="page-content">
        <q-table :rows="data.dataList"
          :columns="data.columns"
          class="my-sticky-header-column-table"
          row-key="name"
          selection="multiple">
          <template v-slot:bottom>
            <q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="msg.pageCount"
              :input="true" />
          </template>
        </q-table>
      </div>
    </q-page>
  </div>
</template>
<script lang='ts'>
  import {defineComponent,ref,onMounted} from 'vue'
  import ClueModule from '@/module/customer/clueModule'

  export default defineComponent({
    setup() {
      let {
        useTab, getCluerList,msg,data,TypeList
      } = ClueModule()
       let [ tab ,setTab]=useTab()
      onMounted(()=>{
        getCluerList(msg)
      })
     
      return {
       tab,setTab,msg, getCluerList,data,TypeList,value1:ref("")
      }
    }
  })

</script>
<style lang="scss">
  .customer .q-field__before{
    padding-right:0!important;
  }
</style>
<style lang="scss" scoped>
  
</style>
