<script lang="ts" setup>
import TreeSidePageableTable from "@/components/base/treeside-pageable-table/TreeSidePageableTable.vue";
import { $t } from "@/common/languages";

/**
 * 必须要的变量
 */

const getPageUrl = "/sale/device/getDevicePage";
const treeSideUrl = "/sale/device/getKeyAccount";
const searchers = [
  {
    name: "searchCode",
    type: "text" as const,
    placeholder: $t("_prop.sale.device.searchCode"),
  },
];
</script>
<template>
  <TreeSidePageableTable
    :url="getPageUrl"
    :searchers="searchers"
    ref="tableRef"
    :tree-side-url="treeSideUrl"
    tree-side-node-name="keyAccountId"
    tree-side-param-name="keyAccountId"
    tree-side-title="所有客户"
  >
    <template #columns>
      <el-table-column :label="$t('_prop.sale.device.productType')" prop="productType" />
      <el-table-column :label="$t('_prop.sale.device.productSn')" prop="productSn" />
      <el-table-column :label="$t('_prop.sale.device.mac')" prop="mac" />
      <el-table-column :label="$t('_prop.sale.device.serialNum')" prop="serialNum" />
      <el-table-column :label="$t('_prop.sale.device.softVersion')" prop="softVersion" />
      <el-table-column :label="$t('_prop.sale.device.alVersion')" prop="alVersion" />
      <el-table-column :label="$t('_prop.sale.device.alNum')" prop="alNum" />
      <el-table-column :label="$t('_prop.sale.device.outStatus')" prop="outStatus" />
      <el-table-column :label="$t('_prop.sale.device.outProductDate')" prop="outProductDate" />
      <el-table-column :label="$t('_prop.sale.device.repairMark')" prop="repairMark" />
    </template>
  </TreeSidePageableTable>
</template>
