<template>
    <div class="end_item">
        <SearchBlock :searchList="blockSearchList" class="search_block">
            <template #position>
                <FormSearchGroup  :searchList="formSearchList" />
            </template>
        </SearchBlock>
        <Table :currentPage="currentPage" 
            :pageSize="pageSize" :totalNum="totalNum" 
            :tableColumns="tableColumns" 
            :tableData="tableData">
            <template #num="{currentIndex}">
                {{ (currentPage - 1) * pageSize + currentIndex }}
            </template>
            <template #operation="{row}">
                <div class="table_row_option">
                    <span class="option_button_editor">写跟进</span>
                    <span class="option_button_editor">编辑</span>
                    <span class="el_button_delete">删除</span>
                </div>
            </template>
        </Table>
    </div>
</template>


<script setup lang="ts">
import { ref } from 'vue';

import SearchBlock from '@/baseComponents/SearchBlock.vue';
import {blockSearchList} from'./searchBlock'
import FormSearchGroup from '@/baseComponents/FormSearchGroup.vue';
import {formSearchList} from './formSearchGroup'
import Table from '@/baseComponents/Table.vue';
import {tableColumns} from './table'



const currentPage = ref(1)
const pageSize = ref(20)
const totalNum = ref(0)


const tableData = ref([
  {
    id: '1',
    name: '严谨',
    jobTitle: '校长',
    mobilePhone: '172****9908',
    officePhone: '17287889908',
    remark: '备注文案',
    lastFollowUpTime: '26-08-19 19:00',
    creator: '李四',
    createTime: '26-08-19 17:00'
  },
  {
    id: '2',
    name: '王诗雅',
    jobTitle: '校长',
    mobilePhone: '172****9908',
    officePhone: '-', // 图片中显示为横杠
    remark: '备注文案',
    lastFollowUpTime: '26-08-19 19:00',
    creator: '李四',
    createTime: '26-08-19 17:00'
  },
  {
    id: '3',
    name: '赵子涵',
    jobTitle: '教学校长',
    mobilePhone: '172****9908',
    officePhone: '172****9908', // 图片中该号码也进行了脱敏处理
    remark: '备注文案',
    lastFollowUpTime: '26-08-19 19:00',
    creator: '李四',
    createTime: '26-08-19 17:00'
  }
]);
</script>


<style lang="scss" scoped>
 .end_item{
        :deep(.search_block){
            margin-bottom: 16px;
            .content_left{
                align-items: center;
            }
        }
    }

</style>