diff --git a/src/views/phone-traffic-management/address-book-management/index.vue b/src/views/phone-traffic-management/address-book-management/index.vue
index 54b19c1..df9ff0c 100644
--- a/src/views/phone-traffic-management/address-book-management/index.vue
+++ b/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>
 
diff --git a/src/views/phone-traffic-management/phone-traffic-config/index.vue b/src/views/phone-traffic-management/phone-traffic-config/index.vue
index 54b19c1..0180f05 100644
--- a/src/views/phone-traffic-management/phone-traffic-config/index.vue
+++ b/src/views/phone-traffic-management/phone-traffic-config/index.vue
@@ -1,10 +1,137 @@
 <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">
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+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: '配置ID',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入配置ID查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '名称',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-input',
+  },
+  {
+    label: '状态',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请选择状态查询',
+      cacheKey: 'work_order_status',
+      clearable: true,
+      filterable: true,
+    },
+    component: shallowRef(fvSelect),
+  },
+  {
+    label: '创建日期',
+    prop: 'requirementName',
+    props: {
+      placeholder: '请选择',
+      clearable: true,
+      checkStrictly: true
+    },
+    component: 'el-date-picker',
+  }
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '配置ID',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '类型',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '内容',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({ row, index }) => {
+        if (row.state !== null) {
+          return (<Tag dictType={'work_order_status'} value={row.state} />)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      prop: 'workOrderTime',
+      label: '创建时间',
+      align: 'center',
+      width: 200
+    },
+    {
+      prop: 'remark',
+      label: '备注',
+      align: 'center',
+      width: 200
+    }
+  ],
+  api: '',
+  params: {},
+  btns: [
+    {name: '新增', key: 'add',type:'primary',icon:'Plus'},
+  ]
+})
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
 }
 </script>
 
diff --git a/src/views/voice-management/sensitive-words/index.vue b/src/views/voice-management/sensitive-words/index.vue
index 54b19c1..9336000 100644
--- a/src/views/voice-management/sensitive-words/index.vue
+++ b/src/views/voice-management/sensitive-words/index.vue
@@ -1,10 +1,110 @@
 <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">
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+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: '请选择状态查询',
+      cacheKey: 'work_order_status',
+      clearable: true,
+      filterable: true,
+    },
+    component: shallowRef(fvSelect),
+  },
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '敏感词ID',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '内容',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '替换词',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '创建时间',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({ row, index }) => {
+        if (row.state !== null) {
+          return (<Tag dictType={'work_order_status'} value={row.state} />)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      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>
 
diff --git a/src/views/voice-management/verbal-trick/index.vue b/src/views/voice-management/verbal-trick/index.vue
index 54b19c1..bd43189 100644
--- a/src/views/voice-management/verbal-trick/index.vue
+++ b/src/views/voice-management/verbal-trick/index.vue
@@ -1,10 +1,115 @@
 <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">
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+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: '请选择状态查询',
+      cacheKey: 'work_order_status',
+      clearable: true,
+      filterable: true,
+    },
+    component: shallowRef(fvSelect),
+  },
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '话术ID',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '类型',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '内容',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '创建时间',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({ row, index }) => {
+        if (row.state !== null) {
+          return (<Tag dictType={'work_order_status'} value={row.state} />)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      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>
 
diff --git a/src/views/voice-management/voice-config/index.vue b/src/views/voice-management/voice-config/index.vue
index 54b19c1..d8b332b 100644
--- a/src/views/voice-management/voice-config/index.vue
+++ b/src/views/voice-management/voice-config/index.vue
@@ -1,10 +1,115 @@
 <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">
+import { shallowRef } from 'vue';
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+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: '请选择状态查询',
+      cacheKey: 'work_order_status',
+      clearable: true,
+      filterable: true,
+    },
+    component: shallowRef(fvSelect),
+  },
+])
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 80,
+    },
+    {
+      prop: 'workOrderNumber',
+      label: 'ID',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '类型',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '内容',
+      align: 'center'
+    },
+    {
+      prop: 'workOrderNumber',
+      label: '创建时间',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({ row, index }) => {
+        if (row.state !== null) {
+          return (<Tag dictType={'work_order_status'} value={row.state} />)
+        } else {
+          return '--'
+        }
+      }
+    },
+    {
+      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>