<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="Filled">
              <template #before>
                <q-select filled style="width:120px;" @input="getSelectWay" option-value="Id" option-label="Name" v-model="SeletObj.selectWay"
                :options="TypeList" emit-value map-options label="选择类型" />
              </template>
            </q-input>
          </div>
        </div>
      </div>
      <div class="page-content">
        <q-table :data="data"
          :columns="columns"
          row-key="name"
          selection="multiple"
          />
      </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
      } = CustomerModule()
      onMounted(()=>{
        getCustomerList(msg)
      })
      return {
        getCustomerList,data,msg,title,TypeList,SeletObj,getSelectWay
      }
    }
  })

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