<template>
  <div class="q-pa-md customer">
    <q-page padding style="background: #FFF;border-radius: 10px;">
      <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>
      </div>
      <div class="page-content">
        <q-table :rows="data.dataList"
          :columns="data.columns"
          class="my-sticky-header-column-table"
          row-key="name"
          v-model:pagination="pagination"
          selection="multiple">
          <template v-slot:bottom>
            <q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="msg.pageCount"
              :input="true" @input="changePage" />
          </template>
        </q-table>
      </div>
    </q-page>
  </div>
</template>
<script lang='ts'>
  import {defineComponent,onMounted} from 'vue'
  import CustomerModule from '@/module/customer/customerModule'

  export default defineComponent({
    setup() {
      let {
       getCustomerList,data,msg,title,TypeList,SeletObj,getSelectWay,TimeObj,TimeList,changePage,pagination
      } = CustomerModule()
      onMounted(()=>{
        getCustomerList(msg)
      })
      return {
        getCustomerList,data,msg,title,TypeList,SeletObj,getSelectWay,TimeObj,TimeList,changePage,pagination
      }
    }
  })

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