diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
index 3728d26..df8ac62 100644
--- a/src/api/qualityCheck.js
+++ b/src/api/qualityCheck.js
@@ -7,7 +7,7 @@
 // 查询质检模块
 export function getQModulerList(params) {
   return request({
-    url: '/qualityModular/list',
+    url: '/sound/soundList',
     method: 'get',
     params
   })
@@ -55,7 +55,7 @@
 // 查询质检标准
 export function getQIndexList(id) {
   return request({
-    url: '/qualityModular/detail',
+    url: '/sound/soundList',
     method: 'get',
     params: {
       modularId: id
@@ -100,4 +100,36 @@
     }
   })
 }
+// 待质检录音列表
+export function getWaitCheckSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
+// 已质检录音列表
+export function getCheckedSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
 
+// 第一次质检
+export function firstCheck(params) {
+  return request({
+    url: '/qualityCheck/check',
+    method: 'post',
+    params
+  })
+}
+// 质检复核
+export function secondCheck(params) {
+  return request({
+    url: '/qualityCheck/checkTwice',
+    method: 'post',
+    params
+  })
+}

diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
index 3728d26..df8ac62 100644
--- a/src/api/qualityCheck.js
+++ b/src/api/qualityCheck.js
@@ -7,7 +7,7 @@
 // 查询质检模块
 export function getQModulerList(params) {
   return request({
-    url: '/qualityModular/list',
+    url: '/sound/soundList',
     method: 'get',
     params
   })
@@ -55,7 +55,7 @@
 // 查询质检标准
 export function getQIndexList(id) {
   return request({
-    url: '/qualityModular/detail',
+    url: '/sound/soundList',
     method: 'get',
     params: {
       modularId: id
@@ -100,4 +100,36 @@
     }
   })
 }
+// 待质检录音列表
+export function getWaitCheckSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
+// 已质检录音列表
+export function getCheckedSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
 
+// 第一次质检
+export function firstCheck(params) {
+  return request({
+    url: '/qualityCheck/check',
+    method: 'post',
+    params
+  })
+}
+// 质检复核
+export function secondCheck(params) {
+  return request({
+    url: '/qualityCheck/checkTwice',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
index 6022ebd..e434a52 100644
--- a/src/router/modules/qualityCheck.js
+++ b/src/router/modules/qualityCheck.js
@@ -21,14 +21,14 @@
     {
       path: '/qualityCheck',
       name: 'QualityCheck',
-      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      component: () => import('@/views/qualityManage/qualitySound/qualitySound'),
       meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
     },
     {
       path: '/qualityCheckTwice',
       name: 'QualityCheckTwice',
-      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
-      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+      component: () => import('@/views/qualityManage/qualitySound/qualityCheckedSound'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityTwiceCheck' }
     }
   ]
 }]

diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
index 3728d26..df8ac62 100644
--- a/src/api/qualityCheck.js
+++ b/src/api/qualityCheck.js
@@ -7,7 +7,7 @@
 // 查询质检模块
 export function getQModulerList(params) {
   return request({
-    url: '/qualityModular/list',
+    url: '/sound/soundList',
     method: 'get',
     params
   })
@@ -55,7 +55,7 @@
 // 查询质检标准
 export function getQIndexList(id) {
   return request({
-    url: '/qualityModular/detail',
+    url: '/sound/soundList',
     method: 'get',
     params: {
       modularId: id
@@ -100,4 +100,36 @@
     }
   })
 }
+// 待质检录音列表
+export function getWaitCheckSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
+// 已质检录音列表
+export function getCheckedSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
 
+// 第一次质检
+export function firstCheck(params) {
+  return request({
+    url: '/qualityCheck/check',
+    method: 'post',
+    params
+  })
+}
+// 质检复核
+export function secondCheck(params) {
+  return request({
+    url: '/qualityCheck/checkTwice',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
index 6022ebd..e434a52 100644
--- a/src/router/modules/qualityCheck.js
+++ b/src/router/modules/qualityCheck.js
@@ -21,14 +21,14 @@
     {
       path: '/qualityCheck',
       name: 'QualityCheck',
-      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      component: () => import('@/views/qualityManage/qualitySound/qualitySound'),
       meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
     },
     {
       path: '/qualityCheckTwice',
       name: 'QualityCheckTwice',
-      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
-      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+      component: () => import('@/views/qualityManage/qualitySound/qualityCheckedSound'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityTwiceCheck' }
     }
   ]
 }]
diff --git a/src/views/qualityManage/qualitySound/components/userList.vue b/src/views/qualityManage/qualitySound/components/userList.vue
new file mode 100644
index 0000000..ab5f38c
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/components/userList.vue
@@ -0,0 +1,84 @@
+<!--坐席列表-->
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>坐席列表</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getUserSimpleList } from '@/api/system/user'
+
+export default {
+  name: 'UserList',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchData() {
+      this.treeLoading = true
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        this.tree = [{
+          id: '1',
+          name: '客服',
+          disabled: true,
+          children: response.data
+        }]
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
index 3728d26..df8ac62 100644
--- a/src/api/qualityCheck.js
+++ b/src/api/qualityCheck.js
@@ -7,7 +7,7 @@
 // 查询质检模块
 export function getQModulerList(params) {
   return request({
-    url: '/qualityModular/list',
+    url: '/sound/soundList',
     method: 'get',
     params
   })
@@ -55,7 +55,7 @@
 // 查询质检标准
 export function getQIndexList(id) {
   return request({
-    url: '/qualityModular/detail',
+    url: '/sound/soundList',
     method: 'get',
     params: {
       modularId: id
@@ -100,4 +100,36 @@
     }
   })
 }
+// 待质检录音列表
+export function getWaitCheckSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
+// 已质检录音列表
+export function getCheckedSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
 
+// 第一次质检
+export function firstCheck(params) {
+  return request({
+    url: '/qualityCheck/check',
+    method: 'post',
+    params
+  })
+}
+// 质检复核
+export function secondCheck(params) {
+  return request({
+    url: '/qualityCheck/checkTwice',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
index 6022ebd..e434a52 100644
--- a/src/router/modules/qualityCheck.js
+++ b/src/router/modules/qualityCheck.js
@@ -21,14 +21,14 @@
     {
       path: '/qualityCheck',
       name: 'QualityCheck',
-      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      component: () => import('@/views/qualityManage/qualitySound/qualitySound'),
       meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
     },
     {
       path: '/qualityCheckTwice',
       name: 'QualityCheckTwice',
-      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
-      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+      component: () => import('@/views/qualityManage/qualitySound/qualityCheckedSound'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityTwiceCheck' }
     }
   ]
 }]
diff --git a/src/views/qualityManage/qualitySound/components/userList.vue b/src/views/qualityManage/qualitySound/components/userList.vue
new file mode 100644
index 0000000..ab5f38c
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/components/userList.vue
@@ -0,0 +1,84 @@
+<!--坐席列表-->
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>坐席列表</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getUserSimpleList } from '@/api/system/user'
+
+export default {
+  name: 'UserList',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchData() {
+      this.treeLoading = true
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        this.tree = [{
+          id: '1',
+          name: '客服',
+          disabled: true,
+          children: response.data
+        }]
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualitySound/myQualityChecked.vue b/src/views/qualityManage/qualitySound/myQualityChecked.vue
new file mode 100644
index 0000000..a9b4f4a
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/myQualityChecked.vue
@@ -0,0 +1,253 @@
+<!--
+ * @Description: 我的质检结果
+ * @Author: 王晓颖
+ * @Date: 2020-04-27 14:27:37
+ -->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="19">
+        <search-area :need-clear="true" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search" @clear="clearInput">
+          <!--一般查询条件-->
+          <search-item>
+            <el-input v-model.trim="listQuery.callerid" :size="size" placeholder="通话编号" clearable/>
+          </search-item>
+          <search-item/>
+          <search-item>
+            <el-select v-model="listQuery.checkTemplate" :size="size" placeholder="请选择质检模块" style="width:250px;">
+              <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.checkTwice" :size="size" placeholder="复核情况" clearable>
+              <el-option v-for="item in checkStatusList" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.minScore" :size="size" placeholder="最低分" clearable/>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.maxScore" :size="size" placeholder="最高分" clearable/>
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="timeRange"
+              :size="size"
+              type="datetimerange"
+              range-separator="至"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              start-placeholder="质检开始时间"
+              end-placeholder="质检结束时间"/>
+          </search-item>
+        </search-area>
+        <normal-table :data="list" :head="tableOption.head" :size="size" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+          <template slot="columns">
+            <el-table-column label="复核状态" align="center" width="80">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.checkTwice=='0'">未复核</el-tag>
+                <el-tag v-if="scope.row.checkTwice=='1'" type="success">已复核</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="goCheck(scope.row)">详情</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <quality-check ref="qualitycheck"/>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CreateCase from '@/views/caseManage/createCase'
+import UserList from './components/userList'
+import { getQModulerList, getCheckedSoundList } from '@/api/qualityCheck'
+import QualityCheck from './qualityCheck'
+
+export default {
+  name: 'QualitySound',
+  components: { QualityCheck, UserList, AppContainer, SearchArea, SearchItem, CreateCase, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        callerid: '', // 通话编号
+        agentUser: this.$store.getters.state.id, // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        checkTemplate: '', // 质检模块
+        hangupCause: '', // 挂机方向
+        checkTwice: '0', // 复核情况
+        minScore: '', // 最低分
+        maxScore: '', // 最高分
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '录音编号',
+          value: 'callid',
+          align: 'center'
+        },
+        {
+          text: '受理人',
+          value: 'agentUserName',
+          align: 'center'
+        },
+        {
+          text: '质检模板',
+          value: 'checkModularName',
+          align: 'center'
+        },
+        {
+          text: '质检评语',
+          value: 'checkComment',
+          align: 'center'
+        },
+        {
+          text: '质检总分',
+          value: 'checkScore',
+          align: 'center'
+        },
+        {
+          text: '质检时间',
+          value: 'checkTime',
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      }, // 表格属性
+      showAddCase: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      size: 'small',
+      soundShow: false, // 显示音频弹窗
+      userList: [],
+      callWayList: [{ name: '呼入', value: '1' }, { name: '呼出', value: '2' }, { name: '本地通话', value: '3' }, { name: '未知', value: '4' }], // 呼叫方向列表
+      hangupCauseList: [{ name: '主叫挂机', value: '1' }, { name: '被叫挂机', value: '2' }], // 挂机方向列表,
+      checkStatusList: [{ name: '已复核', value: '1' }, { name: '未复核', value: '0' }] // 挂机方向列表
+    }
+  },
+  created() {
+    this.fetchModularList()
+    this.search()
+  },
+  activated() {
+    this.search()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getCheckedSoundList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+        }
+      })
+    },
+    // 打开质检页面
+    goCheck(row) {
+      this.$refs.qualitycheck.initDialog('twice', true, row)
+    },
+    // 创建工单
+    createCase(row) {
+      this.showAddCase = true
+      const data = {
+        callid: row.callid,
+        number: row.callerNumber,
+        dialStartStamp: row.dialStartStamp
+      }
+      console.log(data)
+      const that = this
+      setTimeout(function() {
+        that.$refs['addcase'].initData(data)
+      }, 500)
+    },
+    // 关闭新建案件弹窗
+    closeCreateDialog() {
+      this.showAddCase = false // 关闭弹窗
+      this.search()
+    },
+    // 更改坐席
+    changeSeat(val) {
+      this.listQuery.agentUser = val.id
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 清除输入
+    clearInput() {
+      this.listQuery = {
+        callerNumber: '', // 主叫号码
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        minTime: '', // 通话最短时间
+        maxTime: '', // 通话最长时间
+        callWay: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }
+      this.timeRange = []
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
index 3728d26..df8ac62 100644
--- a/src/api/qualityCheck.js
+++ b/src/api/qualityCheck.js
@@ -7,7 +7,7 @@
 // 查询质检模块
 export function getQModulerList(params) {
   return request({
-    url: '/qualityModular/list',
+    url: '/sound/soundList',
     method: 'get',
     params
   })
@@ -55,7 +55,7 @@
 // 查询质检标准
 export function getQIndexList(id) {
   return request({
-    url: '/qualityModular/detail',
+    url: '/sound/soundList',
     method: 'get',
     params: {
       modularId: id
@@ -100,4 +100,36 @@
     }
   })
 }
+// 待质检录音列表
+export function getWaitCheckSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
+// 已质检录音列表
+export function getCheckedSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
 
+// 第一次质检
+export function firstCheck(params) {
+  return request({
+    url: '/qualityCheck/check',
+    method: 'post',
+    params
+  })
+}
+// 质检复核
+export function secondCheck(params) {
+  return request({
+    url: '/qualityCheck/checkTwice',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
index 6022ebd..e434a52 100644
--- a/src/router/modules/qualityCheck.js
+++ b/src/router/modules/qualityCheck.js
@@ -21,14 +21,14 @@
     {
       path: '/qualityCheck',
       name: 'QualityCheck',
-      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      component: () => import('@/views/qualityManage/qualitySound/qualitySound'),
       meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
     },
     {
       path: '/qualityCheckTwice',
       name: 'QualityCheckTwice',
-      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
-      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+      component: () => import('@/views/qualityManage/qualitySound/qualityCheckedSound'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityTwiceCheck' }
     }
   ]
 }]
diff --git a/src/views/qualityManage/qualitySound/components/userList.vue b/src/views/qualityManage/qualitySound/components/userList.vue
new file mode 100644
index 0000000..ab5f38c
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/components/userList.vue
@@ -0,0 +1,84 @@
+<!--坐席列表-->
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>坐席列表</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getUserSimpleList } from '@/api/system/user'
+
+export default {
+  name: 'UserList',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchData() {
+      this.treeLoading = true
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        this.tree = [{
+          id: '1',
+          name: '客服',
+          disabled: true,
+          children: response.data
+        }]
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualitySound/myQualityChecked.vue b/src/views/qualityManage/qualitySound/myQualityChecked.vue
new file mode 100644
index 0000000..a9b4f4a
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/myQualityChecked.vue
@@ -0,0 +1,253 @@
+<!--
+ * @Description: 我的质检结果
+ * @Author: 王晓颖
+ * @Date: 2020-04-27 14:27:37
+ -->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="19">
+        <search-area :need-clear="true" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search" @clear="clearInput">
+          <!--一般查询条件-->
+          <search-item>
+            <el-input v-model.trim="listQuery.callerid" :size="size" placeholder="通话编号" clearable/>
+          </search-item>
+          <search-item/>
+          <search-item>
+            <el-select v-model="listQuery.checkTemplate" :size="size" placeholder="请选择质检模块" style="width:250px;">
+              <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.checkTwice" :size="size" placeholder="复核情况" clearable>
+              <el-option v-for="item in checkStatusList" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.minScore" :size="size" placeholder="最低分" clearable/>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.maxScore" :size="size" placeholder="最高分" clearable/>
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="timeRange"
+              :size="size"
+              type="datetimerange"
+              range-separator="至"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              start-placeholder="质检开始时间"
+              end-placeholder="质检结束时间"/>
+          </search-item>
+        </search-area>
+        <normal-table :data="list" :head="tableOption.head" :size="size" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+          <template slot="columns">
+            <el-table-column label="复核状态" align="center" width="80">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.checkTwice=='0'">未复核</el-tag>
+                <el-tag v-if="scope.row.checkTwice=='1'" type="success">已复核</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="goCheck(scope.row)">详情</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <quality-check ref="qualitycheck"/>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CreateCase from '@/views/caseManage/createCase'
+import UserList from './components/userList'
+import { getQModulerList, getCheckedSoundList } from '@/api/qualityCheck'
+import QualityCheck from './qualityCheck'
+
+export default {
+  name: 'QualitySound',
+  components: { QualityCheck, UserList, AppContainer, SearchArea, SearchItem, CreateCase, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        callerid: '', // 通话编号
+        agentUser: this.$store.getters.state.id, // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        checkTemplate: '', // 质检模块
+        hangupCause: '', // 挂机方向
+        checkTwice: '0', // 复核情况
+        minScore: '', // 最低分
+        maxScore: '', // 最高分
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '录音编号',
+          value: 'callid',
+          align: 'center'
+        },
+        {
+          text: '受理人',
+          value: 'agentUserName',
+          align: 'center'
+        },
+        {
+          text: '质检模板',
+          value: 'checkModularName',
+          align: 'center'
+        },
+        {
+          text: '质检评语',
+          value: 'checkComment',
+          align: 'center'
+        },
+        {
+          text: '质检总分',
+          value: 'checkScore',
+          align: 'center'
+        },
+        {
+          text: '质检时间',
+          value: 'checkTime',
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      }, // 表格属性
+      showAddCase: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      size: 'small',
+      soundShow: false, // 显示音频弹窗
+      userList: [],
+      callWayList: [{ name: '呼入', value: '1' }, { name: '呼出', value: '2' }, { name: '本地通话', value: '3' }, { name: '未知', value: '4' }], // 呼叫方向列表
+      hangupCauseList: [{ name: '主叫挂机', value: '1' }, { name: '被叫挂机', value: '2' }], // 挂机方向列表,
+      checkStatusList: [{ name: '已复核', value: '1' }, { name: '未复核', value: '0' }] // 挂机方向列表
+    }
+  },
+  created() {
+    this.fetchModularList()
+    this.search()
+  },
+  activated() {
+    this.search()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getCheckedSoundList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+        }
+      })
+    },
+    // 打开质检页面
+    goCheck(row) {
+      this.$refs.qualitycheck.initDialog('twice', true, row)
+    },
+    // 创建工单
+    createCase(row) {
+      this.showAddCase = true
+      const data = {
+        callid: row.callid,
+        number: row.callerNumber,
+        dialStartStamp: row.dialStartStamp
+      }
+      console.log(data)
+      const that = this
+      setTimeout(function() {
+        that.$refs['addcase'].initData(data)
+      }, 500)
+    },
+    // 关闭新建案件弹窗
+    closeCreateDialog() {
+      this.showAddCase = false // 关闭弹窗
+      this.search()
+    },
+    // 更改坐席
+    changeSeat(val) {
+      this.listQuery.agentUser = val.id
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 清除输入
+    clearInput() {
+      this.listQuery = {
+        callerNumber: '', // 主叫号码
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        minTime: '', // 通话最短时间
+        maxTime: '', // 通话最长时间
+        callWay: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }
+      this.timeRange = []
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualitySound/qualityCheck.vue b/src/views/qualityManage/qualitySound/qualityCheck.vue
new file mode 100644
index 0000000..c1f006c
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/qualityCheck.vue
@@ -0,0 +1,323 @@
+<!--录音质检，录音复核-->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1200px" append-to-body>
+    <div>
+      <el-form ref="dataForm" :model="form" label-width="80px" size="mini">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <audio-player ref="adplayer" :the-url="sound.url" :the-control-ist="sound.controlList"/>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="质检评语">
+              <el-input v-model="form.checkComment" type="textarea" rows="3"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div>
+          <div v-if="dialogStatus=='first'" style="margin-top:10px;">
+            <el-form-item label="质检模块">
+              <el-select v-model="form.checkModular" placeholder="请选择质检模块" style="width:250px;">
+                <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </div>
+          <el-row v-show="scoreData.length>0">
+            <el-col>
+              <el-table :data="scoreData" :span-method="objectSpanMethod" size="mini" style="width: 100%" cell-class-name="slim-row" border>
+                <el-table-column prop="firstIndexName" label="一级指标"/>
+                <el-table-column prop="secondIndexName" label="二级指标"/>
+                <el-table-column prop="indexDetail" label="质检考核标准解析"/>
+                <el-table-column prop="indexTypeName" label="考核标准类型"/>
+                <el-table-column prop="date" label="质检考核">
+                  <template slot-scope="scope">
+                    <!--分值型-->
+                    <el-input v-if="scope.row.indexType=='0'" v-model="scope.row.score" :disabled="dialogStatus=='info'" type="number" size="mini" style="width: 100px" class="inputClass"/>
+                    <span v-if="scope.row.indexType=='0'" class="tips">总分：{{ scope.row.maxScore }}</span>
+                    <!--是否-->
+                    <el-radio-group v-if="scope.row.indexType=='1'" v-model="scope.row.score" :disabled="dialogStatus=='info'">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                    <!--文本型-->
+                    <el-input v-if="scope.row.indexType=='2'" v-model="scope.row.score" :disabled="dialogStatus=='info'" maxlength="20" size="mini" style="width: 150px" class="inputClass"/>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-col>
+          </el-row>
+        </div>
+
+      </el-form>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import AudioPlayer from '../../../components/AudioPlayer/AudioPlayer'
+import { getQIndexList, getQModulerList, firstCheck, secondCheck } from '@/api/qualityCheck'
+
+export default {
+  name: 'QualityCheck',
+  components: { AudioPlayer },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        callid: '',
+        checkComment: '',
+        checkModular: '',
+        scoreSituation: ''
+      }, // 表单
+      scoreData: [],
+      modularList: [], // 质检模块列表
+      textMap: {
+        first: '质检',
+        twice: '质检复核'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      rowAndColumn: [],
+      pos: 0,
+      posT: 0,
+      disabled: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  watch: {
+    'form.checkModular': function(val) {
+      this.fetchQIndex(val)
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchModularList()
+      if (dialogStatus === 'first') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'twice') { // 如果是修改，将row中数据填写到输入框中
+        this.fetchQIndex('1', dialogStatus)
+        if (dialogStatus === 'info') {
+          this.fetchQIndex('1', dialogStatus)
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    // 获取指标列表
+    fetchQIndex(modularId, type) {
+      const params = {
+        modularId: modularId
+      }
+      this.scoreData = []
+      getQIndexList(params).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容准确无误', 'indexDetail': '信息内容准确无误', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容全面', 'indexDetail': '信息内容全面', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '是否与客户核实', 'indexDetail': '是否与客户核实', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '有无夸张', 'indexDetail': '有无夸张', 'indexType': '0', 'indexTypeName': '分值型', 'score': '5' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '吐字清晰', 'indexDetail': '吐字清晰', 'indexType': '0', 'indexTypeName': '分值型', 'score': '5' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语调适当起伏', 'indexDetail': '语调适当起伏', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '声音修饰', 'indexDetail': '声音修饰', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '是否拖音', 'indexDetail': '是否拖音', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语速适中', 'indexDetail': '语速适中', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' }
+          ]
+          const data = response.data.rows
+          const self = this
+          self.rowAndColumn = []
+          debugger
+          for (const i in data) {
+            if (i === '0') {
+              self.rowAndColumn.push(1)
+              self.pos = 0
+            } else {
+              if (data[i].firstIndexName === data[i - 1].firstIndexName) {
+                // 如果firstIndexName相等就累加，并且push0
+                self.rowAndColumn[self.pos] += 1
+                self.rowAndColumn.push(0)
+              } else {
+                self.rowAndColumn.push(1)
+                self.pos = i
+              }
+            }
+            const item = data[i]
+            const row = {
+              id: item.id,
+              firstIndexName: item.firstIndexName,
+              secondIndexName: item.secondIndexName,
+              indexDetail: item.indexDetail,
+              indexType: item.indexType,
+              indexTypeName: item.indexTypeName,
+              maxScore: item.score,
+              score: ''
+            }
+            this.scoreData.push(row)
+          }
+          this.listLoading = false
+          if (type !== 'first') {
+            this.fetchCheckDetail()
+          }
+        }
+      })
+    },
+    // 获取质检详情
+    fetchCheckDetail() {
+      const params = '1'
+      getQIndexList(params).then(response => {
+        if (response.code === 200) {
+          this.form.checkComment = '良好'
+          this.form.checkModular = '1'
+          this.form.scoreSituation = '1:1,2:1,3:1,4:1,5:1,6:1,7:1,8:1,9:1'
+          // 遍历scoreSituation,得到得分
+          const scoreList = this.form.scoreSituation.split(',')
+          for (const i in scoreList) {
+            const item = scoreList[i]
+            const itemList = item.split(':')
+            this.scoreData[i].score = itemList[1]
+          }
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        callid: '',
+        checkComment: '',
+        checkModular: '',
+        scoreSituation: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'first') {
+        this.qualityTwiceCheck()
+      } else if (this.dialogStatus === 'twice') {
+        this.qualityCheck()
+      }
+    },
+    formatData() {
+      const result = []
+      for (const item of this.scoreData) {
+        const line = item.id + ':' + item.score
+        result.push(line)
+      }
+      result.join(',')
+      return result
+    },
+    // 质检
+    qualityCheck: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const form = {
+            callid: this.form.callid,
+            checkComment: this.form.checkComment,
+            checkModular: this.form.checkModular,
+            scoreSituation: this.formatData()
+          }
+          this.btnLoading = true
+          firstCheck(form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('质检成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 质检复核
+    qualityTwiceCheck: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const form = {
+            callid: this.form.callid,
+            checkComment: this.form.checkComment,
+            checkModular: this.form.checkModular,
+            scoreSituation: this.formatData()
+          }
+          this.btnLoading = true
+          secondCheck(form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('质检复核成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      const self = this
+      if (columnIndex === 0) {
+        if (self.rowAndColumn[rowIndex]) {
+          const rowNum = self.rowAndColumn[rowIndex]
+          return {
+            rowspan: rowNum,
+            colspan: rowNum > 0 ? 1 : 0
+          }
+        }
+        return {
+          rowspan: 0,
+          colspan: 0
+        }
+      }
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+  .slim-row{
+    padding: 4px 0px;
+    .tips{
+      margin-left: 10px;
+      color: red;
+    }
+  }
+</style>

diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
index 3728d26..df8ac62 100644
--- a/src/api/qualityCheck.js
+++ b/src/api/qualityCheck.js
@@ -7,7 +7,7 @@
 // 查询质检模块
 export function getQModulerList(params) {
   return request({
-    url: '/qualityModular/list',
+    url: '/sound/soundList',
     method: 'get',
     params
   })
@@ -55,7 +55,7 @@
 // 查询质检标准
 export function getQIndexList(id) {
   return request({
-    url: '/qualityModular/detail',
+    url: '/sound/soundList',
     method: 'get',
     params: {
       modularId: id
@@ -100,4 +100,36 @@
     }
   })
 }
+// 待质检录音列表
+export function getWaitCheckSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
+// 已质检录音列表
+export function getCheckedSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
 
+// 第一次质检
+export function firstCheck(params) {
+  return request({
+    url: '/qualityCheck/check',
+    method: 'post',
+    params
+  })
+}
+// 质检复核
+export function secondCheck(params) {
+  return request({
+    url: '/qualityCheck/checkTwice',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
index 6022ebd..e434a52 100644
--- a/src/router/modules/qualityCheck.js
+++ b/src/router/modules/qualityCheck.js
@@ -21,14 +21,14 @@
     {
       path: '/qualityCheck',
       name: 'QualityCheck',
-      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      component: () => import('@/views/qualityManage/qualitySound/qualitySound'),
       meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
     },
     {
       path: '/qualityCheckTwice',
       name: 'QualityCheckTwice',
-      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
-      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+      component: () => import('@/views/qualityManage/qualitySound/qualityCheckedSound'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityTwiceCheck' }
     }
   ]
 }]
diff --git a/src/views/qualityManage/qualitySound/components/userList.vue b/src/views/qualityManage/qualitySound/components/userList.vue
new file mode 100644
index 0000000..ab5f38c
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/components/userList.vue
@@ -0,0 +1,84 @@
+<!--坐席列表-->
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>坐席列表</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getUserSimpleList } from '@/api/system/user'
+
+export default {
+  name: 'UserList',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchData() {
+      this.treeLoading = true
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        this.tree = [{
+          id: '1',
+          name: '客服',
+          disabled: true,
+          children: response.data
+        }]
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualitySound/myQualityChecked.vue b/src/views/qualityManage/qualitySound/myQualityChecked.vue
new file mode 100644
index 0000000..a9b4f4a
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/myQualityChecked.vue
@@ -0,0 +1,253 @@
+<!--
+ * @Description: 我的质检结果
+ * @Author: 王晓颖
+ * @Date: 2020-04-27 14:27:37
+ -->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="19">
+        <search-area :need-clear="true" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search" @clear="clearInput">
+          <!--一般查询条件-->
+          <search-item>
+            <el-input v-model.trim="listQuery.callerid" :size="size" placeholder="通话编号" clearable/>
+          </search-item>
+          <search-item/>
+          <search-item>
+            <el-select v-model="listQuery.checkTemplate" :size="size" placeholder="请选择质检模块" style="width:250px;">
+              <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.checkTwice" :size="size" placeholder="复核情况" clearable>
+              <el-option v-for="item in checkStatusList" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.minScore" :size="size" placeholder="最低分" clearable/>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.maxScore" :size="size" placeholder="最高分" clearable/>
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="timeRange"
+              :size="size"
+              type="datetimerange"
+              range-separator="至"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              start-placeholder="质检开始时间"
+              end-placeholder="质检结束时间"/>
+          </search-item>
+        </search-area>
+        <normal-table :data="list" :head="tableOption.head" :size="size" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+          <template slot="columns">
+            <el-table-column label="复核状态" align="center" width="80">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.checkTwice=='0'">未复核</el-tag>
+                <el-tag v-if="scope.row.checkTwice=='1'" type="success">已复核</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="goCheck(scope.row)">详情</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <quality-check ref="qualitycheck"/>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CreateCase from '@/views/caseManage/createCase'
+import UserList from './components/userList'
+import { getQModulerList, getCheckedSoundList } from '@/api/qualityCheck'
+import QualityCheck from './qualityCheck'
+
+export default {
+  name: 'QualitySound',
+  components: { QualityCheck, UserList, AppContainer, SearchArea, SearchItem, CreateCase, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        callerid: '', // 通话编号
+        agentUser: this.$store.getters.state.id, // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        checkTemplate: '', // 质检模块
+        hangupCause: '', // 挂机方向
+        checkTwice: '0', // 复核情况
+        minScore: '', // 最低分
+        maxScore: '', // 最高分
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '录音编号',
+          value: 'callid',
+          align: 'center'
+        },
+        {
+          text: '受理人',
+          value: 'agentUserName',
+          align: 'center'
+        },
+        {
+          text: '质检模板',
+          value: 'checkModularName',
+          align: 'center'
+        },
+        {
+          text: '质检评语',
+          value: 'checkComment',
+          align: 'center'
+        },
+        {
+          text: '质检总分',
+          value: 'checkScore',
+          align: 'center'
+        },
+        {
+          text: '质检时间',
+          value: 'checkTime',
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      }, // 表格属性
+      showAddCase: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      size: 'small',
+      soundShow: false, // 显示音频弹窗
+      userList: [],
+      callWayList: [{ name: '呼入', value: '1' }, { name: '呼出', value: '2' }, { name: '本地通话', value: '3' }, { name: '未知', value: '4' }], // 呼叫方向列表
+      hangupCauseList: [{ name: '主叫挂机', value: '1' }, { name: '被叫挂机', value: '2' }], // 挂机方向列表,
+      checkStatusList: [{ name: '已复核', value: '1' }, { name: '未复核', value: '0' }] // 挂机方向列表
+    }
+  },
+  created() {
+    this.fetchModularList()
+    this.search()
+  },
+  activated() {
+    this.search()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getCheckedSoundList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+        }
+      })
+    },
+    // 打开质检页面
+    goCheck(row) {
+      this.$refs.qualitycheck.initDialog('twice', true, row)
+    },
+    // 创建工单
+    createCase(row) {
+      this.showAddCase = true
+      const data = {
+        callid: row.callid,
+        number: row.callerNumber,
+        dialStartStamp: row.dialStartStamp
+      }
+      console.log(data)
+      const that = this
+      setTimeout(function() {
+        that.$refs['addcase'].initData(data)
+      }, 500)
+    },
+    // 关闭新建案件弹窗
+    closeCreateDialog() {
+      this.showAddCase = false // 关闭弹窗
+      this.search()
+    },
+    // 更改坐席
+    changeSeat(val) {
+      this.listQuery.agentUser = val.id
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 清除输入
+    clearInput() {
+      this.listQuery = {
+        callerNumber: '', // 主叫号码
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        minTime: '', // 通话最短时间
+        maxTime: '', // 通话最长时间
+        callWay: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }
+      this.timeRange = []
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualitySound/qualityCheck.vue b/src/views/qualityManage/qualitySound/qualityCheck.vue
new file mode 100644
index 0000000..c1f006c
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/qualityCheck.vue
@@ -0,0 +1,323 @@
+<!--录音质检，录音复核-->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1200px" append-to-body>
+    <div>
+      <el-form ref="dataForm" :model="form" label-width="80px" size="mini">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <audio-player ref="adplayer" :the-url="sound.url" :the-control-ist="sound.controlList"/>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="质检评语">
+              <el-input v-model="form.checkComment" type="textarea" rows="3"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div>
+          <div v-if="dialogStatus=='first'" style="margin-top:10px;">
+            <el-form-item label="质检模块">
+              <el-select v-model="form.checkModular" placeholder="请选择质检模块" style="width:250px;">
+                <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </div>
+          <el-row v-show="scoreData.length>0">
+            <el-col>
+              <el-table :data="scoreData" :span-method="objectSpanMethod" size="mini" style="width: 100%" cell-class-name="slim-row" border>
+                <el-table-column prop="firstIndexName" label="一级指标"/>
+                <el-table-column prop="secondIndexName" label="二级指标"/>
+                <el-table-column prop="indexDetail" label="质检考核标准解析"/>
+                <el-table-column prop="indexTypeName" label="考核标准类型"/>
+                <el-table-column prop="date" label="质检考核">
+                  <template slot-scope="scope">
+                    <!--分值型-->
+                    <el-input v-if="scope.row.indexType=='0'" v-model="scope.row.score" :disabled="dialogStatus=='info'" type="number" size="mini" style="width: 100px" class="inputClass"/>
+                    <span v-if="scope.row.indexType=='0'" class="tips">总分：{{ scope.row.maxScore }}</span>
+                    <!--是否-->
+                    <el-radio-group v-if="scope.row.indexType=='1'" v-model="scope.row.score" :disabled="dialogStatus=='info'">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                    <!--文本型-->
+                    <el-input v-if="scope.row.indexType=='2'" v-model="scope.row.score" :disabled="dialogStatus=='info'" maxlength="20" size="mini" style="width: 150px" class="inputClass"/>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-col>
+          </el-row>
+        </div>
+
+      </el-form>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import AudioPlayer from '../../../components/AudioPlayer/AudioPlayer'
+import { getQIndexList, getQModulerList, firstCheck, secondCheck } from '@/api/qualityCheck'
+
+export default {
+  name: 'QualityCheck',
+  components: { AudioPlayer },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        callid: '',
+        checkComment: '',
+        checkModular: '',
+        scoreSituation: ''
+      }, // 表单
+      scoreData: [],
+      modularList: [], // 质检模块列表
+      textMap: {
+        first: '质检',
+        twice: '质检复核'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      rowAndColumn: [],
+      pos: 0,
+      posT: 0,
+      disabled: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  watch: {
+    'form.checkModular': function(val) {
+      this.fetchQIndex(val)
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchModularList()
+      if (dialogStatus === 'first') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'twice') { // 如果是修改，将row中数据填写到输入框中
+        this.fetchQIndex('1', dialogStatus)
+        if (dialogStatus === 'info') {
+          this.fetchQIndex('1', dialogStatus)
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    // 获取指标列表
+    fetchQIndex(modularId, type) {
+      const params = {
+        modularId: modularId
+      }
+      this.scoreData = []
+      getQIndexList(params).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容准确无误', 'indexDetail': '信息内容准确无误', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容全面', 'indexDetail': '信息内容全面', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '是否与客户核实', 'indexDetail': '是否与客户核实', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '有无夸张', 'indexDetail': '有无夸张', 'indexType': '0', 'indexTypeName': '分值型', 'score': '5' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '吐字清晰', 'indexDetail': '吐字清晰', 'indexType': '0', 'indexTypeName': '分值型', 'score': '5' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语调适当起伏', 'indexDetail': '语调适当起伏', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '声音修饰', 'indexDetail': '声音修饰', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '是否拖音', 'indexDetail': '是否拖音', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语速适中', 'indexDetail': '语速适中', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' }
+          ]
+          const data = response.data.rows
+          const self = this
+          self.rowAndColumn = []
+          debugger
+          for (const i in data) {
+            if (i === '0') {
+              self.rowAndColumn.push(1)
+              self.pos = 0
+            } else {
+              if (data[i].firstIndexName === data[i - 1].firstIndexName) {
+                // 如果firstIndexName相等就累加，并且push0
+                self.rowAndColumn[self.pos] += 1
+                self.rowAndColumn.push(0)
+              } else {
+                self.rowAndColumn.push(1)
+                self.pos = i
+              }
+            }
+            const item = data[i]
+            const row = {
+              id: item.id,
+              firstIndexName: item.firstIndexName,
+              secondIndexName: item.secondIndexName,
+              indexDetail: item.indexDetail,
+              indexType: item.indexType,
+              indexTypeName: item.indexTypeName,
+              maxScore: item.score,
+              score: ''
+            }
+            this.scoreData.push(row)
+          }
+          this.listLoading = false
+          if (type !== 'first') {
+            this.fetchCheckDetail()
+          }
+        }
+      })
+    },
+    // 获取质检详情
+    fetchCheckDetail() {
+      const params = '1'
+      getQIndexList(params).then(response => {
+        if (response.code === 200) {
+          this.form.checkComment = '良好'
+          this.form.checkModular = '1'
+          this.form.scoreSituation = '1:1,2:1,3:1,4:1,5:1,6:1,7:1,8:1,9:1'
+          // 遍历scoreSituation,得到得分
+          const scoreList = this.form.scoreSituation.split(',')
+          for (const i in scoreList) {
+            const item = scoreList[i]
+            const itemList = item.split(':')
+            this.scoreData[i].score = itemList[1]
+          }
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        callid: '',
+        checkComment: '',
+        checkModular: '',
+        scoreSituation: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'first') {
+        this.qualityTwiceCheck()
+      } else if (this.dialogStatus === 'twice') {
+        this.qualityCheck()
+      }
+    },
+    formatData() {
+      const result = []
+      for (const item of this.scoreData) {
+        const line = item.id + ':' + item.score
+        result.push(line)
+      }
+      result.join(',')
+      return result
+    },
+    // 质检
+    qualityCheck: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const form = {
+            callid: this.form.callid,
+            checkComment: this.form.checkComment,
+            checkModular: this.form.checkModular,
+            scoreSituation: this.formatData()
+          }
+          this.btnLoading = true
+          firstCheck(form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('质检成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 质检复核
+    qualityTwiceCheck: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const form = {
+            callid: this.form.callid,
+            checkComment: this.form.checkComment,
+            checkModular: this.form.checkModular,
+            scoreSituation: this.formatData()
+          }
+          this.btnLoading = true
+          secondCheck(form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('质检复核成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      const self = this
+      if (columnIndex === 0) {
+        if (self.rowAndColumn[rowIndex]) {
+          const rowNum = self.rowAndColumn[rowIndex]
+          return {
+            rowspan: rowNum,
+            colspan: rowNum > 0 ? 1 : 0
+          }
+        }
+        return {
+          rowspan: 0,
+          colspan: 0
+        }
+      }
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+  .slim-row{
+    padding: 4px 0px;
+    .tips{
+      margin-left: 10px;
+      color: red;
+    }
+  }
+</style>
diff --git a/src/views/qualityManage/qualitySound/qualityCheckedSound.vue b/src/views/qualityManage/qualitySound/qualityCheckedSound.vue
new file mode 100644
index 0000000..dc678ab
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/qualityCheckedSound.vue
@@ -0,0 +1,260 @@
+<!--
+ * @Description:
+ * @Author: 王晓颖
+ * @Date: 2020-04-27 14:27:37
+ -->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <user-list @change="changeSeat"/>
+      </el-col>
+      <el-col :span="19">
+        <search-area :need-clear="true" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search" @clear="clearInput">
+          <!--一般查询条件-->
+          <search-item>
+            <el-input v-model.trim="listQuery.callerid" :size="size" placeholder="通话编号" clearable/>
+          </search-item>
+          <search-item/>
+          <search-item>
+            <el-select v-model="listQuery.checkTemplate" :size="size" placeholder="请选择质检模块" style="width:250px;">
+              <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.checkTwice" :size="size" placeholder="复核情况" clearable>
+              <el-option v-for="item in checkStatusList" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.minScore" :size="size" placeholder="最低分" clearable/>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.maxScore" :size="size" placeholder="最高分" clearable/>
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="timeRange"
+              :size="size"
+              type="datetimerange"
+              range-separator="至"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              start-placeholder="质检开始时间"
+              end-placeholder="质检结束时间"/>
+          </search-item>
+        </search-area>
+        <normal-table :data="list" :head="tableOption.head" :size="size" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+          <template slot="columns">
+            <el-table-column label="复核状态" align="center" width="80">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.checkTwice=='0'">未复核</el-tag>
+                <el-tag v-if="scope.row.checkTwice=='1'" type="success">已复核</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button :disabled="scope.row.checkTwice=='1'" type="text" size="small" @click="goCheck(scope.row)">复核</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <quality-check ref="qualitycheck"/>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CreateCase from '@/views/caseManage/createCase'
+import UserList from './components/userList'
+import { getQModulerList, getCheckedSoundList } from '@/api/qualityCheck'
+import QualityCheck from './qualityCheck'
+
+export default {
+  name: 'QualitySound',
+  components: { QualityCheck, UserList, AppContainer, SearchArea, SearchItem, CreateCase, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        callerid: '', // 通话编号
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        checkTemplate: '', // 质检模块
+        hangupCause: '', // 挂机方向
+        checkTwice: '0', // 复核情况
+        minScore: '', // 最低分
+        maxScore: '', // 最高分
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '录音编号',
+          value: 'callid',
+          align: 'center'
+        },
+        {
+          text: '受理人',
+          value: 'agentUserName',
+          align: 'center'
+        },
+        {
+          text: '质检模板',
+          value: 'checkModularName',
+          align: 'center'
+        },
+        {
+          text: '质检评语',
+          value: 'checkComment',
+          align: 'center'
+        },
+        {
+          text: '质检总分',
+          value: 'checkScore',
+          align: 'center'
+        },
+        {
+          text: '质检时间',
+          value: 'checkTime',
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      }, // 表格属性
+      showAddCase: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      size: 'small',
+      soundShow: false, // 显示音频弹窗
+      userList: [],
+      callWayList: [{ name: '呼入', value: '1' }, { name: '呼出', value: '2' }, { name: '本地通话', value: '3' }, { name: '未知', value: '4' }], // 呼叫方向列表
+      hangupCauseList: [{ name: '主叫挂机', value: '1' }, { name: '被叫挂机', value: '2' }], // 挂机方向列表,
+      checkStatusList: [{ name: '已复核', value: '1' }, { name: '未复核', value: '0' }] // 挂机方向列表
+    }
+  },
+  created() {
+    this.fetchModularList()
+    this.search()
+  },
+  activated() {
+    this.search()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getCheckedSoundList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          response.data.rows = [
+            { callid: '123245234013253242', agentUserName: '张三', checkTwice: '1', checkModular: '1', checkModularName: '标准模块', checkComment: '审核通过', checkScore: '10', checkUserName: '王五', checkTime: '2020-4-20 08:00:02' },
+            { callid: '123245234013253242', agentUserName: '张三', checkTwice: '0', checkModular: '1', checkModularName: '标准模块', checkComment: '审核通过', checkScore: '10', checkUserName: '王五', checkTime: '2020-4-20 08:00:02' }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+        }
+      })
+    },
+    // 打开质检页面
+    goCheck(row) {
+      this.$refs.qualitycheck.initDialog('twice', true, row)
+    },
+    // 创建工单
+    createCase(row) {
+      this.showAddCase = true
+      const data = {
+        callid: row.callid,
+        number: row.callerNumber,
+        dialStartStamp: row.dialStartStamp
+      }
+      console.log(data)
+      const that = this
+      setTimeout(function() {
+        that.$refs['addcase'].initData(data)
+      }, 500)
+    },
+    // 关闭新建案件弹窗
+    closeCreateDialog() {
+      this.showAddCase = false // 关闭弹窗
+      this.search()
+    },
+    // 更改坐席
+    changeSeat(val) {
+      this.listQuery.agentUser = val.id
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 清除输入
+    clearInput() {
+      this.listQuery = {
+        callerNumber: '', // 主叫号码
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        minTime: '', // 通话最短时间
+        maxTime: '', // 通话最长时间
+        callWay: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }
+      this.timeRange = []
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
index 3728d26..df8ac62 100644
--- a/src/api/qualityCheck.js
+++ b/src/api/qualityCheck.js
@@ -7,7 +7,7 @@
 // 查询质检模块
 export function getQModulerList(params) {
   return request({
-    url: '/qualityModular/list',
+    url: '/sound/soundList',
     method: 'get',
     params
   })
@@ -55,7 +55,7 @@
 // 查询质检标准
 export function getQIndexList(id) {
   return request({
-    url: '/qualityModular/detail',
+    url: '/sound/soundList',
     method: 'get',
     params: {
       modularId: id
@@ -100,4 +100,36 @@
     }
   })
 }
+// 待质检录音列表
+export function getWaitCheckSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
+// 已质检录音列表
+export function getCheckedSoundList(params) {
+  return request({
+    url: '/sound/soundList',
+    method: 'get',
+    params
+  })
+}
 
+// 第一次质检
+export function firstCheck(params) {
+  return request({
+    url: '/qualityCheck/check',
+    method: 'post',
+    params
+  })
+}
+// 质检复核
+export function secondCheck(params) {
+  return request({
+    url: '/qualityCheck/checkTwice',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
index 6022ebd..e434a52 100644
--- a/src/router/modules/qualityCheck.js
+++ b/src/router/modules/qualityCheck.js
@@ -21,14 +21,14 @@
     {
       path: '/qualityCheck',
       name: 'QualityCheck',
-      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      component: () => import('@/views/qualityManage/qualitySound/qualitySound'),
       meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
     },
     {
       path: '/qualityCheckTwice',
       name: 'QualityCheckTwice',
-      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
-      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+      component: () => import('@/views/qualityManage/qualitySound/qualityCheckedSound'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityTwiceCheck' }
     }
   ]
 }]
diff --git a/src/views/qualityManage/qualitySound/components/userList.vue b/src/views/qualityManage/qualitySound/components/userList.vue
new file mode 100644
index 0000000..ab5f38c
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/components/userList.vue
@@ -0,0 +1,84 @@
+<!--坐席列表-->
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>坐席列表</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getUserSimpleList } from '@/api/system/user'
+
+export default {
+  name: 'UserList',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchData() {
+      this.treeLoading = true
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        this.tree = [{
+          id: '1',
+          name: '客服',
+          disabled: true,
+          children: response.data
+        }]
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualitySound/myQualityChecked.vue b/src/views/qualityManage/qualitySound/myQualityChecked.vue
new file mode 100644
index 0000000..a9b4f4a
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/myQualityChecked.vue
@@ -0,0 +1,253 @@
+<!--
+ * @Description: 我的质检结果
+ * @Author: 王晓颖
+ * @Date: 2020-04-27 14:27:37
+ -->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="19">
+        <search-area :need-clear="true" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search" @clear="clearInput">
+          <!--一般查询条件-->
+          <search-item>
+            <el-input v-model.trim="listQuery.callerid" :size="size" placeholder="通话编号" clearable/>
+          </search-item>
+          <search-item/>
+          <search-item>
+            <el-select v-model="listQuery.checkTemplate" :size="size" placeholder="请选择质检模块" style="width:250px;">
+              <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.checkTwice" :size="size" placeholder="复核情况" clearable>
+              <el-option v-for="item in checkStatusList" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.minScore" :size="size" placeholder="最低分" clearable/>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.maxScore" :size="size" placeholder="最高分" clearable/>
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="timeRange"
+              :size="size"
+              type="datetimerange"
+              range-separator="至"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              start-placeholder="质检开始时间"
+              end-placeholder="质检结束时间"/>
+          </search-item>
+        </search-area>
+        <normal-table :data="list" :head="tableOption.head" :size="size" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+          <template slot="columns">
+            <el-table-column label="复核状态" align="center" width="80">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.checkTwice=='0'">未复核</el-tag>
+                <el-tag v-if="scope.row.checkTwice=='1'" type="success">已复核</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="goCheck(scope.row)">详情</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <quality-check ref="qualitycheck"/>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CreateCase from '@/views/caseManage/createCase'
+import UserList from './components/userList'
+import { getQModulerList, getCheckedSoundList } from '@/api/qualityCheck'
+import QualityCheck from './qualityCheck'
+
+export default {
+  name: 'QualitySound',
+  components: { QualityCheck, UserList, AppContainer, SearchArea, SearchItem, CreateCase, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        callerid: '', // 通话编号
+        agentUser: this.$store.getters.state.id, // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        checkTemplate: '', // 质检模块
+        hangupCause: '', // 挂机方向
+        checkTwice: '0', // 复核情况
+        minScore: '', // 最低分
+        maxScore: '', // 最高分
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '录音编号',
+          value: 'callid',
+          align: 'center'
+        },
+        {
+          text: '受理人',
+          value: 'agentUserName',
+          align: 'center'
+        },
+        {
+          text: '质检模板',
+          value: 'checkModularName',
+          align: 'center'
+        },
+        {
+          text: '质检评语',
+          value: 'checkComment',
+          align: 'center'
+        },
+        {
+          text: '质检总分',
+          value: 'checkScore',
+          align: 'center'
+        },
+        {
+          text: '质检时间',
+          value: 'checkTime',
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      }, // 表格属性
+      showAddCase: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      size: 'small',
+      soundShow: false, // 显示音频弹窗
+      userList: [],
+      callWayList: [{ name: '呼入', value: '1' }, { name: '呼出', value: '2' }, { name: '本地通话', value: '3' }, { name: '未知', value: '4' }], // 呼叫方向列表
+      hangupCauseList: [{ name: '主叫挂机', value: '1' }, { name: '被叫挂机', value: '2' }], // 挂机方向列表,
+      checkStatusList: [{ name: '已复核', value: '1' }, { name: '未复核', value: '0' }] // 挂机方向列表
+    }
+  },
+  created() {
+    this.fetchModularList()
+    this.search()
+  },
+  activated() {
+    this.search()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getCheckedSoundList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+        }
+      })
+    },
+    // 打开质检页面
+    goCheck(row) {
+      this.$refs.qualitycheck.initDialog('twice', true, row)
+    },
+    // 创建工单
+    createCase(row) {
+      this.showAddCase = true
+      const data = {
+        callid: row.callid,
+        number: row.callerNumber,
+        dialStartStamp: row.dialStartStamp
+      }
+      console.log(data)
+      const that = this
+      setTimeout(function() {
+        that.$refs['addcase'].initData(data)
+      }, 500)
+    },
+    // 关闭新建案件弹窗
+    closeCreateDialog() {
+      this.showAddCase = false // 关闭弹窗
+      this.search()
+    },
+    // 更改坐席
+    changeSeat(val) {
+      this.listQuery.agentUser = val.id
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 清除输入
+    clearInput() {
+      this.listQuery = {
+        callerNumber: '', // 主叫号码
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        minTime: '', // 通话最短时间
+        maxTime: '', // 通话最长时间
+        callWay: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }
+      this.timeRange = []
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualitySound/qualityCheck.vue b/src/views/qualityManage/qualitySound/qualityCheck.vue
new file mode 100644
index 0000000..c1f006c
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/qualityCheck.vue
@@ -0,0 +1,323 @@
+<!--录音质检，录音复核-->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1200px" append-to-body>
+    <div>
+      <el-form ref="dataForm" :model="form" label-width="80px" size="mini">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <audio-player ref="adplayer" :the-url="sound.url" :the-control-ist="sound.controlList"/>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="质检评语">
+              <el-input v-model="form.checkComment" type="textarea" rows="3"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div>
+          <div v-if="dialogStatus=='first'" style="margin-top:10px;">
+            <el-form-item label="质检模块">
+              <el-select v-model="form.checkModular" placeholder="请选择质检模块" style="width:250px;">
+                <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </div>
+          <el-row v-show="scoreData.length>0">
+            <el-col>
+              <el-table :data="scoreData" :span-method="objectSpanMethod" size="mini" style="width: 100%" cell-class-name="slim-row" border>
+                <el-table-column prop="firstIndexName" label="一级指标"/>
+                <el-table-column prop="secondIndexName" label="二级指标"/>
+                <el-table-column prop="indexDetail" label="质检考核标准解析"/>
+                <el-table-column prop="indexTypeName" label="考核标准类型"/>
+                <el-table-column prop="date" label="质检考核">
+                  <template slot-scope="scope">
+                    <!--分值型-->
+                    <el-input v-if="scope.row.indexType=='0'" v-model="scope.row.score" :disabled="dialogStatus=='info'" type="number" size="mini" style="width: 100px" class="inputClass"/>
+                    <span v-if="scope.row.indexType=='0'" class="tips">总分：{{ scope.row.maxScore }}</span>
+                    <!--是否-->
+                    <el-radio-group v-if="scope.row.indexType=='1'" v-model="scope.row.score" :disabled="dialogStatus=='info'">
+                      <el-radio label="1">是</el-radio>
+                      <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                    <!--文本型-->
+                    <el-input v-if="scope.row.indexType=='2'" v-model="scope.row.score" :disabled="dialogStatus=='info'" maxlength="20" size="mini" style="width: 150px" class="inputClass"/>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-col>
+          </el-row>
+        </div>
+
+      </el-form>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import AudioPlayer from '../../../components/AudioPlayer/AudioPlayer'
+import { getQIndexList, getQModulerList, firstCheck, secondCheck } from '@/api/qualityCheck'
+
+export default {
+  name: 'QualityCheck',
+  components: { AudioPlayer },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        callid: '',
+        checkComment: '',
+        checkModular: '',
+        scoreSituation: ''
+      }, // 表单
+      scoreData: [],
+      modularList: [], // 质检模块列表
+      textMap: {
+        first: '质检',
+        twice: '质检复核'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      rowAndColumn: [],
+      pos: 0,
+      posT: 0,
+      disabled: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  watch: {
+    'form.checkModular': function(val) {
+      this.fetchQIndex(val)
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchModularList()
+      if (dialogStatus === 'first') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'twice') { // 如果是修改，将row中数据填写到输入框中
+        this.fetchQIndex('1', dialogStatus)
+        if (dialogStatus === 'info') {
+          this.fetchQIndex('1', dialogStatus)
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    // 获取指标列表
+    fetchQIndex(modularId, type) {
+      const params = {
+        modularId: modularId
+      }
+      this.scoreData = []
+      getQIndexList(params).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容准确无误', 'indexDetail': '信息内容准确无误', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容全面', 'indexDetail': '信息内容全面', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '是否与客户核实', 'indexDetail': '是否与客户核实', 'indexType': '0', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '有无夸张', 'indexDetail': '有无夸张', 'indexType': '0', 'indexTypeName': '分值型', 'score': '5' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '吐字清晰', 'indexDetail': '吐字清晰', 'indexType': '0', 'indexTypeName': '分值型', 'score': '5' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语调适当起伏', 'indexDetail': '语调适当起伏', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '声音修饰', 'indexDetail': '声音修饰', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '是否拖音', 'indexDetail': '是否拖音', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语速适中', 'indexDetail': '语速适中', 'indexType': '1', 'indexTypeName': '是否型', 'score': '4' }
+          ]
+          const data = response.data.rows
+          const self = this
+          self.rowAndColumn = []
+          debugger
+          for (const i in data) {
+            if (i === '0') {
+              self.rowAndColumn.push(1)
+              self.pos = 0
+            } else {
+              if (data[i].firstIndexName === data[i - 1].firstIndexName) {
+                // 如果firstIndexName相等就累加，并且push0
+                self.rowAndColumn[self.pos] += 1
+                self.rowAndColumn.push(0)
+              } else {
+                self.rowAndColumn.push(1)
+                self.pos = i
+              }
+            }
+            const item = data[i]
+            const row = {
+              id: item.id,
+              firstIndexName: item.firstIndexName,
+              secondIndexName: item.secondIndexName,
+              indexDetail: item.indexDetail,
+              indexType: item.indexType,
+              indexTypeName: item.indexTypeName,
+              maxScore: item.score,
+              score: ''
+            }
+            this.scoreData.push(row)
+          }
+          this.listLoading = false
+          if (type !== 'first') {
+            this.fetchCheckDetail()
+          }
+        }
+      })
+    },
+    // 获取质检详情
+    fetchCheckDetail() {
+      const params = '1'
+      getQIndexList(params).then(response => {
+        if (response.code === 200) {
+          this.form.checkComment = '良好'
+          this.form.checkModular = '1'
+          this.form.scoreSituation = '1:1,2:1,3:1,4:1,5:1,6:1,7:1,8:1,9:1'
+          // 遍历scoreSituation,得到得分
+          const scoreList = this.form.scoreSituation.split(',')
+          for (const i in scoreList) {
+            const item = scoreList[i]
+            const itemList = item.split(':')
+            this.scoreData[i].score = itemList[1]
+          }
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        callid: '',
+        checkComment: '',
+        checkModular: '',
+        scoreSituation: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'first') {
+        this.qualityTwiceCheck()
+      } else if (this.dialogStatus === 'twice') {
+        this.qualityCheck()
+      }
+    },
+    formatData() {
+      const result = []
+      for (const item of this.scoreData) {
+        const line = item.id + ':' + item.score
+        result.push(line)
+      }
+      result.join(',')
+      return result
+    },
+    // 质检
+    qualityCheck: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const form = {
+            callid: this.form.callid,
+            checkComment: this.form.checkComment,
+            checkModular: this.form.checkModular,
+            scoreSituation: this.formatData()
+          }
+          this.btnLoading = true
+          firstCheck(form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('质检成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 质检复核
+    qualityTwiceCheck: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const form = {
+            callid: this.form.callid,
+            checkComment: this.form.checkComment,
+            checkModular: this.form.checkModular,
+            scoreSituation: this.formatData()
+          }
+          this.btnLoading = true
+          secondCheck(form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('质检复核成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      const self = this
+      if (columnIndex === 0) {
+        if (self.rowAndColumn[rowIndex]) {
+          const rowNum = self.rowAndColumn[rowIndex]
+          return {
+            rowspan: rowNum,
+            colspan: rowNum > 0 ? 1 : 0
+          }
+        }
+        return {
+          rowspan: 0,
+          colspan: 0
+        }
+      }
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+  .slim-row{
+    padding: 4px 0px;
+    .tips{
+      margin-left: 10px;
+      color: red;
+    }
+  }
+</style>
diff --git a/src/views/qualityManage/qualitySound/qualityCheckedSound.vue b/src/views/qualityManage/qualitySound/qualityCheckedSound.vue
new file mode 100644
index 0000000..dc678ab
--- /dev/null
+++ b/src/views/qualityManage/qualitySound/qualityCheckedSound.vue
@@ -0,0 +1,260 @@
+<!--
+ * @Description:
+ * @Author: 王晓颖
+ * @Date: 2020-04-27 14:27:37
+ -->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <user-list @change="changeSeat"/>
+      </el-col>
+      <el-col :span="19">
+        <search-area :need-clear="true" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search" @clear="clearInput">
+          <!--一般查询条件-->
+          <search-item>
+            <el-input v-model.trim="listQuery.callerid" :size="size" placeholder="通话编号" clearable/>
+          </search-item>
+          <search-item/>
+          <search-item>
+            <el-select v-model="listQuery.checkTemplate" :size="size" placeholder="请选择质检模块" style="width:250px;">
+              <el-option v-for="item of modularList" :key="item.id" :label="item.modularName" :value="item.id"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.checkTwice" :size="size" placeholder="复核情况" clearable>
+              <el-option v-for="item in checkStatusList" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.minScore" :size="size" placeholder="最低分" clearable/>
+          </search-item>
+          <search-item>
+            <el-input v-model.trim="listQuery.maxScore" :size="size" placeholder="最高分" clearable/>
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="timeRange"
+              :size="size"
+              type="datetimerange"
+              range-separator="至"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              start-placeholder="质检开始时间"
+              end-placeholder="质检结束时间"/>
+          </search-item>
+        </search-area>
+        <normal-table :data="list" :head="tableOption.head" :size="size" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+          <template slot="columns">
+            <el-table-column label="复核状态" align="center" width="80">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.checkTwice=='0'">未复核</el-tag>
+                <el-tag v-if="scope.row.checkTwice=='1'" type="success">已复核</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button :disabled="scope.row.checkTwice=='1'" type="text" size="small" @click="goCheck(scope.row)">复核</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <quality-check ref="qualitycheck"/>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CreateCase from '@/views/caseManage/createCase'
+import UserList from './components/userList'
+import { getQModulerList, getCheckedSoundList } from '@/api/qualityCheck'
+import QualityCheck from './qualityCheck'
+
+export default {
+  name: 'QualitySound',
+  components: { QualityCheck, UserList, AppContainer, SearchArea, SearchItem, CreateCase, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        callerid: '', // 通话编号
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        checkTemplate: '', // 质检模块
+        hangupCause: '', // 挂机方向
+        checkTwice: '0', // 复核情况
+        minScore: '', // 最低分
+        maxScore: '', // 最高分
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '录音编号',
+          value: 'callid',
+          align: 'center'
+        },
+        {
+          text: '受理人',
+          value: 'agentUserName',
+          align: 'center'
+        },
+        {
+          text: '质检模板',
+          value: 'checkModularName',
+          align: 'center'
+        },
+        {
+          text: '质检评语',
+          value: 'checkComment',
+          align: 'center'
+        },
+        {
+          text: '质检总分',
+          value: 'checkScore',
+          align: 'center'
+        },
+        {
+          text: '质检时间',
+          value: 'checkTime',
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      }, // 表格属性
+      showAddCase: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      size: 'small',
+      soundShow: false, // 显示音频弹窗
+      userList: [],
+      callWayList: [{ name: '呼入', value: '1' }, { name: '呼出', value: '2' }, { name: '本地通话', value: '3' }, { name: '未知', value: '4' }], // 呼叫方向列表
+      hangupCauseList: [{ name: '主叫挂机', value: '1' }, { name: '被叫挂机', value: '2' }], // 挂机方向列表,
+      checkStatusList: [{ name: '已复核', value: '1' }, { name: '未复核', value: '0' }] // 挂机方向列表
+    }
+  },
+  created() {
+    this.fetchModularList()
+    this.search()
+  },
+  activated() {
+    this.search()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取质检模块列表
+    fetchModularList() {
+      getQModulerList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.modularList = response.data
+      })
+    },
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getCheckedSoundList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          response.data.rows = [
+            { callid: '123245234013253242', agentUserName: '张三', checkTwice: '1', checkModular: '1', checkModularName: '标准模块', checkComment: '审核通过', checkScore: '10', checkUserName: '王五', checkTime: '2020-4-20 08:00:02' },
+            { callid: '123245234013253242', agentUserName: '张三', checkTwice: '0', checkModular: '1', checkModularName: '标准模块', checkComment: '审核通过', checkScore: '10', checkUserName: '王五', checkTime: '2020-4-20 08:00:02' }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+        }
+      })
+    },
+    // 打开质检页面
+    goCheck(row) {
+      this.$refs.qualitycheck.initDialog('twice', true, row)
+    },
+    // 创建工单
+    createCase(row) {
+      this.showAddCase = true
+      const data = {
+        callid: row.callid,
+        number: row.callerNumber,
+        dialStartStamp: row.dialStartStamp
+      }
+      console.log(data)
+      const that = this
+      setTimeout(function() {
+        that.$refs['addcase'].initData(data)
+      }, 500)
+    },
+    // 关闭新建案件弹窗
+    closeCreateDialog() {
+      this.showAddCase = false // 关闭弹窗
+      this.search()
+    },
+    // 更改坐席
+    changeSeat(val) {
+      this.listQuery.agentUser = val.id
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 清除输入
+    clearInput() {
+      this.listQuery = {
+        callerNumber: '', // 主叫号码
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        minTime: '', // 通话最短时间
+        maxTime: '', // 通话最长时间
+        callWay: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }
+      this.timeRange = []
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualitySound/qualitySound.vue b/src/views/qualityManage/qualitySound/qualitySound.vue
index ac4ace4..d8a9a46 100644
--- a/src/views/qualityManage/qualitySound/qualitySound.vue
+++ b/src/views/qualityManage/qualitySound/qualitySound.vue
@@ -1,13 +1,242 @@
 <!--
  * @Description:
  * @Author: 王晓颖
- * @Date:
+ * @Date: 2020-04-27 14:27:37
  -->
-<template/>
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <user-list @change="changeSeat"/>
+      </el-col>
+      <el-col :span="19">
+        <search-area :need-clear="true" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search" @clear="clearInput">
+          <!--一般查询条件-->
+          <search-item>
+            <el-input v-model.trim="listQuery.callerNumber" :size="size" placeholder="主叫号码" clearable/>
+          </search-item>
+          <search-item/>
+          <search-item>
+            <el-select v-model="listQuery.callWay" :size="size" placeholder="呼叫方向" clearable>
+              <el-option v-for="item in callWayList" :label="item.name" :value="item.name"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.hangupCause" :size="size" placeholder="挂机方向" clearable>
+              <el-option v-for="item in hangupCauseList" :label="item.name" :value="item.name"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="timeRange"
+              :size="size"
+              type="datetimerange"
+              range-separator="至"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              start-placeholder="来电开始时间"
+              end-placeholder="来电结束时间"/>
+          </search-item>
+        </search-area>
+        <normal-table :data="list" :head="tableOption.head" :size="size" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+          <template slot="columns">
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="goCheck(scope.row)">质检</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <quality-check ref="qualitycheck"/>
+  </app-container>
+</template>
 
 <script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CreateCase from '@/views/caseManage/createCase'
+import UserList from './components/userList'
+import { getWaitCheckSoundList } from '@/api/qualityCheck'
+import QualityCheck from './qualityCheck'
+
 export default {
-  name: 'QualitySound'
+  name: 'QualitySound',
+  components: { QualityCheck, UserList, AppContainer, SearchArea, SearchItem, CreateCase, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        callerNumber: '', // 主叫号码
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        minTime: '', // 通话最短时间
+        maxTime: '', // 通话最长时间
+        callWay: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '主叫号码',
+          value: 'callerNumber',
+          align: 'center'
+        },
+        {
+          text: '被叫号码',
+          value: 'calleeNumber',
+          align: 'center'
+        },
+        {
+          text: '呼叫方向',
+          value: 'callWayName',
+          align: 'center'
+        },
+        {
+          text: '挂机方向',
+          value: 'hangupCauseName',
+          align: 'center'
+        },
+        {
+          text: '通话开始时间',
+          value: 'dialStartStamp',
+          align: 'center'
+        },
+        {
+          text: '通话结束时间',
+          value: 'dialEndStamp',
+          align: 'center'
+        },
+        {
+          text: '通话时长',
+          value: 'bridgeStamp',
+          align: 'center'
+        },
+        {
+          text: '坐席工号',
+          value: 'agentName',
+          align: 'center'
+        },
+        {
+          text: '坐席姓名',
+          value: 'agentUserName',
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      }, // 表格属性
+      showAddCase: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      size: 'small',
+      soundShow: false, // 显示音频弹窗
+      userList: [],
+      callWayList: [{ name: '呼入', value: '1' }, { name: '呼出', value: '2' }, { name: '本地通话', value: '3' }, { name: '未知', value: '4' }], // 呼叫方向列表
+      hangupCauseList: [{ name: '主叫挂机', value: '1' }, { name: '被叫挂机', value: '2' }] // 挂机方向列表
+    }
+  },
+  created() {
+    this.search()
+  },
+  activated() {
+    this.search()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getWaitCheckSoundList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+        }
+      })
+    },
+    // 打开质检页面
+    goCheck(row) {
+      this.$refs.qualitycheck.initDialog('first', true, row)
+    },
+    // 创建工单
+    createCase(row) {
+      this.showAddCase = true
+      const data = {
+        callid: row.callid,
+        number: row.callerNumber,
+        dialStartStamp: row.dialStartStamp
+      }
+      console.log(data)
+      const that = this
+      setTimeout(function() {
+        that.$refs['addcase'].initData(data)
+      }, 500)
+    },
+    // 关闭新建案件弹窗
+    closeCreateDialog() {
+      this.showAddCase = false // 关闭弹窗
+      this.search()
+    },
+    // 更改坐席
+    changeSeat(val) {
+      this.listQuery.agentUser = val.id
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 清除输入
+    clearInput() {
+      this.listQuery = {
+        callerNumber: '', // 主叫号码
+        agentUser: '', // 受理人
+        startTime: '', // 来电开始时间
+        endTime: '', // 来电结束时间
+        minTime: '', // 通话最短时间
+        maxTime: '', // 通话最长时间
+        callWay: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        offset: 1,
+        limit: 20,
+        sort: 'dialStartStamp',
+        order: 'desc'
+      }
+      this.timeRange = []
+    }
+  }
 }
 </script>