feat : 语音管理和话务配置管理页面初始化

src/views/phone-traffic-management/address-book-management/index.vue

@@ -1,10 +1,104 @@
 <template>
-
+  <fvSearchForm :searchConfig="searchConfig" @search="search">
+  </fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
 </template>
 
-<script>
-export default {
-  name: "index"
+<script setup lang="jsx">
+const router = useRouter()
+const tableIns = ref()
+const mockData = ref([
+  {
+    workOrderNumber: 1211,
+    workOrderTime: '2022-02-09 00 : 12',
+    state: 0,
+    callState: 0
+  },
+  {
+    workOrderNumber: 232,
+    state: 1,
+    callState: 1
+  }
+])
+const searchConfig = reactive([
+  {
+    label: '电站',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入电站查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '角色',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入角色查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '姓名',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入姓名查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  }
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '电站',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '角色',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '姓名',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '手机号',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '规则',
+      align: 'center'
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '新增', key: 'add',type:'primary',icon:'Plus'},
+  ]
+})
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
 }
 </script>