From 18c354d7d98c4c07d0528f7b522da5933b7d7b84 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Thu, 12 Sep 2024 23:51:27 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E8=AF=AD=E9=9F=B3=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=92=8C=E8=AF=9D=E5=8A=A1=E9=85=8D=E7=BD=AE=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../address-book-management/index.vue         | 102 ++++++++++++-
 .../phone-traffic-config/index.vue            | 135 +++++++++++++++++-
 .../sensitive-words/index.vue                 | 108 +++++++++++++-
 .../voice-management/verbal-trick/index.vue   | 113 ++++++++++++++-
 .../voice-management/voice-config/index.vue   | 113 ++++++++++++++-
 5 files changed, 551 insertions(+), 20 deletions(-)

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>