diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]
diff --git a/src/views/caseManage/caseCommon/caseListTable.vue b/src/views/caseManage/caseCommon/caseListTable.vue
index 2e3b715..f752b9c 100644
--- a/src/views/caseManage/caseCommon/caseListTable.vue
+++ b/src/views/caseManage/caseCommon/caseListTable.vue
@@ -2,6 +2,20 @@
   <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
     <template slot="columns">
       <!-- <el-table-column v-if="commonShow.caseType" label="处理类型" align="center" min-width="120"> -->
+        <el-table-column label="处理状态" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.stateName === '处理中' ? 'green' : scope.row.stateName === '待处理' ? 'yellow' : ''" style="width: 100%;height: 100%;">{{ scope.row.stateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
+      <el-table-column label="处理方式" align="center">
+        <template slot-scope="scope">
+          <span style="font-weight: 700;">{{ scope.row.caseStateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
       <el-table-column v-if="commonShow.caseType" label="事件分类" align="center" min-width="120">
         <template slot-scope="scope">
           <span>{{ scope.row.eorcName }}</span>
@@ -99,16 +113,16 @@
             width: 160,
             align: 'center'
           },
-          {
-            text: '处理状态',
-            value: 'stateName',
-            align: 'center'
-          },
-          {
-            text: '处理方式',
-            value: 'caseStateName',
-            align: 'center'
-          }
+          // {
+          //   text: '处理状态',
+          //   value: 'stateName',
+          //   align: 'center'
+          // },
+          // {
+          //   text: '处理方式',
+          //   value: 'caseStateName',
+          //   align: 'center'
+          // }
         // 为了手动处理“处理类型”字段，把后面两个字段也放进slot里了
         // {
         //   text: '处理类型',
@@ -189,3 +203,11 @@
   }
 }
 </script>
+<style rel="stylesheet/scss" lang="scss">
+.yellow{
+  color: rgb(168, 183, 3);
+}
+.green{
+  color: green;
+}
+</style>

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]
diff --git a/src/views/caseManage/caseCommon/caseListTable.vue b/src/views/caseManage/caseCommon/caseListTable.vue
index 2e3b715..f752b9c 100644
--- a/src/views/caseManage/caseCommon/caseListTable.vue
+++ b/src/views/caseManage/caseCommon/caseListTable.vue
@@ -2,6 +2,20 @@
   <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
     <template slot="columns">
       <!-- <el-table-column v-if="commonShow.caseType" label="处理类型" align="center" min-width="120"> -->
+        <el-table-column label="处理状态" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.stateName === '处理中' ? 'green' : scope.row.stateName === '待处理' ? 'yellow' : ''" style="width: 100%;height: 100%;">{{ scope.row.stateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
+      <el-table-column label="处理方式" align="center">
+        <template slot-scope="scope">
+          <span style="font-weight: 700;">{{ scope.row.caseStateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
       <el-table-column v-if="commonShow.caseType" label="事件分类" align="center" min-width="120">
         <template slot-scope="scope">
           <span>{{ scope.row.eorcName }}</span>
@@ -99,16 +113,16 @@
             width: 160,
             align: 'center'
           },
-          {
-            text: '处理状态',
-            value: 'stateName',
-            align: 'center'
-          },
-          {
-            text: '处理方式',
-            value: 'caseStateName',
-            align: 'center'
-          }
+          // {
+          //   text: '处理状态',
+          //   value: 'stateName',
+          //   align: 'center'
+          // },
+          // {
+          //   text: '处理方式',
+          //   value: 'caseStateName',
+          //   align: 'center'
+          // }
         // 为了手动处理“处理类型”字段，把后面两个字段也放进slot里了
         // {
         //   text: '处理类型',
@@ -189,3 +203,11 @@
   }
 }
 </script>
+<style rel="stylesheet/scss" lang="scss">
+.yellow{
+  color: rgb(168, 183, 3);
+}
+.green{
+  color: green;
+}
+</style>
diff --git a/src/views/caseManage/caseManage.vue b/src/views/caseManage/caseManage.vue
index 2f5bfea..1ffcec8 100644
--- a/src/views/caseManage/caseManage.vue
+++ b/src/views/caseManage/caseManage.vue
@@ -78,6 +78,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -105,22 +111,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ], // 显示列
       urgeDialogVisible: false,
       urgeForm: {

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]
diff --git a/src/views/caseManage/caseCommon/caseListTable.vue b/src/views/caseManage/caseCommon/caseListTable.vue
index 2e3b715..f752b9c 100644
--- a/src/views/caseManage/caseCommon/caseListTable.vue
+++ b/src/views/caseManage/caseCommon/caseListTable.vue
@@ -2,6 +2,20 @@
   <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
     <template slot="columns">
       <!-- <el-table-column v-if="commonShow.caseType" label="处理类型" align="center" min-width="120"> -->
+        <el-table-column label="处理状态" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.stateName === '处理中' ? 'green' : scope.row.stateName === '待处理' ? 'yellow' : ''" style="width: 100%;height: 100%;">{{ scope.row.stateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
+      <el-table-column label="处理方式" align="center">
+        <template slot-scope="scope">
+          <span style="font-weight: 700;">{{ scope.row.caseStateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
       <el-table-column v-if="commonShow.caseType" label="事件分类" align="center" min-width="120">
         <template slot-scope="scope">
           <span>{{ scope.row.eorcName }}</span>
@@ -99,16 +113,16 @@
             width: 160,
             align: 'center'
           },
-          {
-            text: '处理状态',
-            value: 'stateName',
-            align: 'center'
-          },
-          {
-            text: '处理方式',
-            value: 'caseStateName',
-            align: 'center'
-          }
+          // {
+          //   text: '处理状态',
+          //   value: 'stateName',
+          //   align: 'center'
+          // },
+          // {
+          //   text: '处理方式',
+          //   value: 'caseStateName',
+          //   align: 'center'
+          // }
         // 为了手动处理“处理类型”字段，把后面两个字段也放进slot里了
         // {
         //   text: '处理类型',
@@ -189,3 +203,11 @@
   }
 }
 </script>
+<style rel="stylesheet/scss" lang="scss">
+.yellow{
+  color: rgb(168, 183, 3);
+}
+.green{
+  color: green;
+}
+</style>
diff --git a/src/views/caseManage/caseManage.vue b/src/views/caseManage/caseManage.vue
index 2f5bfea..1ffcec8 100644
--- a/src/views/caseManage/caseManage.vue
+++ b/src/views/caseManage/caseManage.vue
@@ -78,6 +78,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -105,22 +111,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ], // 显示列
       urgeDialogVisible: false,
       urgeForm: {
diff --git a/src/views/caseManage/components/closureDialog.vue b/src/views/caseManage/components/closureDialog.vue
new file mode 100644
index 0000000..ab4bd61
--- /dev/null
+++ b/src/views/caseManage/components/closureDialog.vue
@@ -0,0 +1,76 @@
+<!-- 快速结案弹窗 -->
+<template>
+  <el-dialog :visible.sync="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="快速结案"
+    width="600px" append-to-body @close="closeDialog">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="20">
+          <el-form-item label="备注" prop="notes">
+            <el-input :rows="5" v-model="form.notes" maxlength="100" show-word-limit size="small" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" size="small" @click="saveData">保存</el-button>
+      <el-button size="small" @click="closeDialog">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { quicklyClosure } from '@/api/callCase'
+export default {
+  name: 'ClosureDialog',
+  data() {
+    return {
+      showDialog: false,
+      form: {
+        notes: '',
+        id: ''
+      },
+      rules: {
+        notes: [
+          { required: true, message: "备注不能为空", trigger: ["blur", "change"] }
+        ]
+      },
+      btnLoading: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.showDialog = true
+      this.form.id = row.callid
+      this.form.notes = ''
+      // this.$refs.form.clearValidate('notes')
+    },
+    closeDialog() {
+      this.showDialog = false
+    },
+    saveData() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          const data = {
+            callId: this.form.id,
+            quickRemarks: this.form.notes
+          }
+          // 发送请求
+          quicklyClosure(data).then(res => {
+            if (res.code === 200) {
+              this.btnLoading = false
+              this.closeDialog()
+              this.$emit('refresh')
+            }
+          }).catch(() => {
+            this.btnLoading = false
+          })
+
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss"></style>

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]
diff --git a/src/views/caseManage/caseCommon/caseListTable.vue b/src/views/caseManage/caseCommon/caseListTable.vue
index 2e3b715..f752b9c 100644
--- a/src/views/caseManage/caseCommon/caseListTable.vue
+++ b/src/views/caseManage/caseCommon/caseListTable.vue
@@ -2,6 +2,20 @@
   <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
     <template slot="columns">
       <!-- <el-table-column v-if="commonShow.caseType" label="处理类型" align="center" min-width="120"> -->
+        <el-table-column label="处理状态" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.stateName === '处理中' ? 'green' : scope.row.stateName === '待处理' ? 'yellow' : ''" style="width: 100%;height: 100%;">{{ scope.row.stateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
+      <el-table-column label="处理方式" align="center">
+        <template slot-scope="scope">
+          <span style="font-weight: 700;">{{ scope.row.caseStateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
       <el-table-column v-if="commonShow.caseType" label="事件分类" align="center" min-width="120">
         <template slot-scope="scope">
           <span>{{ scope.row.eorcName }}</span>
@@ -99,16 +113,16 @@
             width: 160,
             align: 'center'
           },
-          {
-            text: '处理状态',
-            value: 'stateName',
-            align: 'center'
-          },
-          {
-            text: '处理方式',
-            value: 'caseStateName',
-            align: 'center'
-          }
+          // {
+          //   text: '处理状态',
+          //   value: 'stateName',
+          //   align: 'center'
+          // },
+          // {
+          //   text: '处理方式',
+          //   value: 'caseStateName',
+          //   align: 'center'
+          // }
         // 为了手动处理“处理类型”字段，把后面两个字段也放进slot里了
         // {
         //   text: '处理类型',
@@ -189,3 +203,11 @@
   }
 }
 </script>
+<style rel="stylesheet/scss" lang="scss">
+.yellow{
+  color: rgb(168, 183, 3);
+}
+.green{
+  color: green;
+}
+</style>
diff --git a/src/views/caseManage/caseManage.vue b/src/views/caseManage/caseManage.vue
index 2f5bfea..1ffcec8 100644
--- a/src/views/caseManage/caseManage.vue
+++ b/src/views/caseManage/caseManage.vue
@@ -78,6 +78,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -105,22 +111,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ], // 显示列
       urgeDialogVisible: false,
       urgeForm: {
diff --git a/src/views/caseManage/components/closureDialog.vue b/src/views/caseManage/components/closureDialog.vue
new file mode 100644
index 0000000..ab4bd61
--- /dev/null
+++ b/src/views/caseManage/components/closureDialog.vue
@@ -0,0 +1,76 @@
+<!-- 快速结案弹窗 -->
+<template>
+  <el-dialog :visible.sync="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="快速结案"
+    width="600px" append-to-body @close="closeDialog">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="20">
+          <el-form-item label="备注" prop="notes">
+            <el-input :rows="5" v-model="form.notes" maxlength="100" show-word-limit size="small" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" size="small" @click="saveData">保存</el-button>
+      <el-button size="small" @click="closeDialog">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { quicklyClosure } from '@/api/callCase'
+export default {
+  name: 'ClosureDialog',
+  data() {
+    return {
+      showDialog: false,
+      form: {
+        notes: '',
+        id: ''
+      },
+      rules: {
+        notes: [
+          { required: true, message: "备注不能为空", trigger: ["blur", "change"] }
+        ]
+      },
+      btnLoading: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.showDialog = true
+      this.form.id = row.callid
+      this.form.notes = ''
+      // this.$refs.form.clearValidate('notes')
+    },
+    closeDialog() {
+      this.showDialog = false
+    },
+    saveData() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          const data = {
+            callId: this.form.id,
+            quickRemarks: this.form.notes
+          }
+          // 发送请求
+          quicklyClosure(data).then(res => {
+            if (res.code === 200) {
+              this.btnLoading = false
+              this.closeDialog()
+              this.$emit('refresh')
+            }
+          }).catch(() => {
+            this.btnLoading = false
+          })
+
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss"></style>
diff --git a/src/views/caseManage/reviewList.vue b/src/views/caseManage/reviewList.vue
index 9a5c31e..c6ee60f 100644
--- a/src/views/caseManage/reviewList.vue
+++ b/src/views/caseManage/reviewList.vue
@@ -36,7 +36,7 @@
         reporterName: '', // 联系人
         startTime: '', // 来电开始时间
         endTime: '', // 来电结束时间
-        caseState: '', // 处理方式
+        caseState: '7', // 处理方式
         state: '', // 处理状态
         isDelay: '', // 事件状态
         source: '', // 事件来源

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]
diff --git a/src/views/caseManage/caseCommon/caseListTable.vue b/src/views/caseManage/caseCommon/caseListTable.vue
index 2e3b715..f752b9c 100644
--- a/src/views/caseManage/caseCommon/caseListTable.vue
+++ b/src/views/caseManage/caseCommon/caseListTable.vue
@@ -2,6 +2,20 @@
   <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
     <template slot="columns">
       <!-- <el-table-column v-if="commonShow.caseType" label="处理类型" align="center" min-width="120"> -->
+        <el-table-column label="处理状态" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.stateName === '处理中' ? 'green' : scope.row.stateName === '待处理' ? 'yellow' : ''" style="width: 100%;height: 100%;">{{ scope.row.stateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
+      <el-table-column label="处理方式" align="center">
+        <template slot-scope="scope">
+          <span style="font-weight: 700;">{{ scope.row.caseStateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
       <el-table-column v-if="commonShow.caseType" label="事件分类" align="center" min-width="120">
         <template slot-scope="scope">
           <span>{{ scope.row.eorcName }}</span>
@@ -99,16 +113,16 @@
             width: 160,
             align: 'center'
           },
-          {
-            text: '处理状态',
-            value: 'stateName',
-            align: 'center'
-          },
-          {
-            text: '处理方式',
-            value: 'caseStateName',
-            align: 'center'
-          }
+          // {
+          //   text: '处理状态',
+          //   value: 'stateName',
+          //   align: 'center'
+          // },
+          // {
+          //   text: '处理方式',
+          //   value: 'caseStateName',
+          //   align: 'center'
+          // }
         // 为了手动处理“处理类型”字段，把后面两个字段也放进slot里了
         // {
         //   text: '处理类型',
@@ -189,3 +203,11 @@
   }
 }
 </script>
+<style rel="stylesheet/scss" lang="scss">
+.yellow{
+  color: rgb(168, 183, 3);
+}
+.green{
+  color: green;
+}
+</style>
diff --git a/src/views/caseManage/caseManage.vue b/src/views/caseManage/caseManage.vue
index 2f5bfea..1ffcec8 100644
--- a/src/views/caseManage/caseManage.vue
+++ b/src/views/caseManage/caseManage.vue
@@ -78,6 +78,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -105,22 +111,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ], // 显示列
       urgeDialogVisible: false,
       urgeForm: {
diff --git a/src/views/caseManage/components/closureDialog.vue b/src/views/caseManage/components/closureDialog.vue
new file mode 100644
index 0000000..ab4bd61
--- /dev/null
+++ b/src/views/caseManage/components/closureDialog.vue
@@ -0,0 +1,76 @@
+<!-- 快速结案弹窗 -->
+<template>
+  <el-dialog :visible.sync="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="快速结案"
+    width="600px" append-to-body @close="closeDialog">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="20">
+          <el-form-item label="备注" prop="notes">
+            <el-input :rows="5" v-model="form.notes" maxlength="100" show-word-limit size="small" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" size="small" @click="saveData">保存</el-button>
+      <el-button size="small" @click="closeDialog">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { quicklyClosure } from '@/api/callCase'
+export default {
+  name: 'ClosureDialog',
+  data() {
+    return {
+      showDialog: false,
+      form: {
+        notes: '',
+        id: ''
+      },
+      rules: {
+        notes: [
+          { required: true, message: "备注不能为空", trigger: ["blur", "change"] }
+        ]
+      },
+      btnLoading: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.showDialog = true
+      this.form.id = row.callid
+      this.form.notes = ''
+      // this.$refs.form.clearValidate('notes')
+    },
+    closeDialog() {
+      this.showDialog = false
+    },
+    saveData() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          const data = {
+            callId: this.form.id,
+            quickRemarks: this.form.notes
+          }
+          // 发送请求
+          quicklyClosure(data).then(res => {
+            if (res.code === 200) {
+              this.btnLoading = false
+              this.closeDialog()
+              this.$emit('refresh')
+            }
+          }).catch(() => {
+            this.btnLoading = false
+          })
+
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss"></style>
diff --git a/src/views/caseManage/reviewList.vue b/src/views/caseManage/reviewList.vue
index 9a5c31e..c6ee60f 100644
--- a/src/views/caseManage/reviewList.vue
+++ b/src/views/caseManage/reviewList.vue
@@ -36,7 +36,7 @@
         reporterName: '', // 联系人
         startTime: '', // 来电开始时间
         endTime: '', // 来电结束时间
-        caseState: '', // 处理方式
+        caseState: '7', // 处理方式
         state: '', // 处理状态
         isDelay: '', // 事件状态
         source: '', // 事件来源
diff --git a/src/views/caseManage/searchList.vue b/src/views/caseManage/searchList.vue
index d80fece..01c7cf9 100644
--- a/src/views/caseManage/searchList.vue
+++ b/src/views/caseManage/searchList.vue
@@ -48,6 +48,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -75,22 +81,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ] // 显示列
     }
   },

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]
diff --git a/src/views/caseManage/caseCommon/caseListTable.vue b/src/views/caseManage/caseCommon/caseListTable.vue
index 2e3b715..f752b9c 100644
--- a/src/views/caseManage/caseCommon/caseListTable.vue
+++ b/src/views/caseManage/caseCommon/caseListTable.vue
@@ -2,6 +2,20 @@
   <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
     <template slot="columns">
       <!-- <el-table-column v-if="commonShow.caseType" label="处理类型" align="center" min-width="120"> -->
+        <el-table-column label="处理状态" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.stateName === '处理中' ? 'green' : scope.row.stateName === '待处理' ? 'yellow' : ''" style="width: 100%;height: 100%;">{{ scope.row.stateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
+      <el-table-column label="处理方式" align="center">
+        <template slot-scope="scope">
+          <span style="font-weight: 700;">{{ scope.row.caseStateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
       <el-table-column v-if="commonShow.caseType" label="事件分类" align="center" min-width="120">
         <template slot-scope="scope">
           <span>{{ scope.row.eorcName }}</span>
@@ -99,16 +113,16 @@
             width: 160,
             align: 'center'
           },
-          {
-            text: '处理状态',
-            value: 'stateName',
-            align: 'center'
-          },
-          {
-            text: '处理方式',
-            value: 'caseStateName',
-            align: 'center'
-          }
+          // {
+          //   text: '处理状态',
+          //   value: 'stateName',
+          //   align: 'center'
+          // },
+          // {
+          //   text: '处理方式',
+          //   value: 'caseStateName',
+          //   align: 'center'
+          // }
         // 为了手动处理“处理类型”字段，把后面两个字段也放进slot里了
         // {
         //   text: '处理类型',
@@ -189,3 +203,11 @@
   }
 }
 </script>
+<style rel="stylesheet/scss" lang="scss">
+.yellow{
+  color: rgb(168, 183, 3);
+}
+.green{
+  color: green;
+}
+</style>
diff --git a/src/views/caseManage/caseManage.vue b/src/views/caseManage/caseManage.vue
index 2f5bfea..1ffcec8 100644
--- a/src/views/caseManage/caseManage.vue
+++ b/src/views/caseManage/caseManage.vue
@@ -78,6 +78,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -105,22 +111,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ], // 显示列
       urgeDialogVisible: false,
       urgeForm: {
diff --git a/src/views/caseManage/components/closureDialog.vue b/src/views/caseManage/components/closureDialog.vue
new file mode 100644
index 0000000..ab4bd61
--- /dev/null
+++ b/src/views/caseManage/components/closureDialog.vue
@@ -0,0 +1,76 @@
+<!-- 快速结案弹窗 -->
+<template>
+  <el-dialog :visible.sync="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="快速结案"
+    width="600px" append-to-body @close="closeDialog">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="20">
+          <el-form-item label="备注" prop="notes">
+            <el-input :rows="5" v-model="form.notes" maxlength="100" show-word-limit size="small" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" size="small" @click="saveData">保存</el-button>
+      <el-button size="small" @click="closeDialog">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { quicklyClosure } from '@/api/callCase'
+export default {
+  name: 'ClosureDialog',
+  data() {
+    return {
+      showDialog: false,
+      form: {
+        notes: '',
+        id: ''
+      },
+      rules: {
+        notes: [
+          { required: true, message: "备注不能为空", trigger: ["blur", "change"] }
+        ]
+      },
+      btnLoading: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.showDialog = true
+      this.form.id = row.callid
+      this.form.notes = ''
+      // this.$refs.form.clearValidate('notes')
+    },
+    closeDialog() {
+      this.showDialog = false
+    },
+    saveData() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          const data = {
+            callId: this.form.id,
+            quickRemarks: this.form.notes
+          }
+          // 发送请求
+          quicklyClosure(data).then(res => {
+            if (res.code === 200) {
+              this.btnLoading = false
+              this.closeDialog()
+              this.$emit('refresh')
+            }
+          }).catch(() => {
+            this.btnLoading = false
+          })
+
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss"></style>
diff --git a/src/views/caseManage/reviewList.vue b/src/views/caseManage/reviewList.vue
index 9a5c31e..c6ee60f 100644
--- a/src/views/caseManage/reviewList.vue
+++ b/src/views/caseManage/reviewList.vue
@@ -36,7 +36,7 @@
         reporterName: '', // 联系人
         startTime: '', // 来电开始时间
         endTime: '', // 来电结束时间
-        caseState: '', // 处理方式
+        caseState: '7', // 处理方式
         state: '', // 处理状态
         isDelay: '', // 事件状态
         source: '', // 事件来源
diff --git a/src/views/caseManage/searchList.vue b/src/views/caseManage/searchList.vue
index d80fece..01c7cf9 100644
--- a/src/views/caseManage/searchList.vue
+++ b/src/views/caseManage/searchList.vue
@@ -48,6 +48,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -75,22 +81,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ] // 显示列
     }
   },
diff --git a/src/views/caseManage/waitForCreate.vue b/src/views/caseManage/waitForCreate.vue
index c091388..f49343a 100644
--- a/src/views/caseManage/waitForCreate.vue
+++ b/src/views/caseManage/waitForCreate.vue
@@ -33,6 +33,7 @@
             <!--<el-button type="text" size="small" @click="recall(scope.row)">拨号</el-button>-->
             <el-button type="text" size="small" @click="openSound(scope.row)">录音</el-button>
             <el-button type="text" size="small" @click="createCase(scope.row)">受理</el-button>
+            <el-button type="text" size="small" @click="quickClosure(scope.row)">快速结案</el-button>
           </template>
         </el-table-column>
       </template>
@@ -60,6 +61,8 @@
       @close="closeSound">
       <audio-player ref="adplayer" :the-url="sound.url" :the-control-ist="sound.controlList"/>
     </el-dialog>
+    <!-- 快速结案 -->
+    <closure-dialog ref="closureRef" @refresh="search" />
   </app-container>
 </template>
 
@@ -70,6 +73,7 @@
 import SearchItem from '@/components/SearchArea/SearchItem'
 import CreateCase from '@/views/caseManage/createCase'
 import AudioPlayer from '../../components/AudioPlayer/AudioPlayer'
+import ClosureDialog from './components/closureDialog.vue'
 import { mapState } from 'vuex'
 // import { realFormatSecond } from '@/utils/stringutils'
 import { getUserSimpleList } from '@/api/system/user'
@@ -77,7 +81,7 @@
 import { isOnlyReceiver } from '@/utils/permission'
 export default {
   name: 'WaitForCreate',
-  components: { AudioPlayer, SearchItem, SearchArea, AppContainer, NormalTable, CreateCase },
+  components: { AudioPlayer, SearchItem, SearchArea, AppContainer, NormalTable, CreateCase, ClosureDialog, ClosureDialog },
   data() {
     return {
       isReceiver: isOnlyReceiver(),
@@ -114,7 +118,7 @@
           text: '分机号码', // 新增分机号码
           // value: 'phonenumber',
           value: 'exten',
-          align: 'center',
+          align: 'center'
         },
         {
           text: '来电时间',
@@ -286,6 +290,10 @@
         order: 'desc'
       } // 筛选条件
       this.timeRange = []
+    },
+    // 快速结案弹窗
+    quickClosure(row) {
+      this.$refs.closureRef.initDialog(row)
     }
   }
 }

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]
diff --git a/src/views/caseManage/caseCommon/caseListTable.vue b/src/views/caseManage/caseCommon/caseListTable.vue
index 2e3b715..f752b9c 100644
--- a/src/views/caseManage/caseCommon/caseListTable.vue
+++ b/src/views/caseManage/caseCommon/caseListTable.vue
@@ -2,6 +2,20 @@
   <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
     <template slot="columns">
       <!-- <el-table-column v-if="commonShow.caseType" label="处理类型" align="center" min-width="120"> -->
+        <el-table-column label="处理状态" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.stateName === '处理中' ? 'green' : scope.row.stateName === '待处理' ? 'yellow' : ''" style="width: 100%;height: 100%;">{{ scope.row.stateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
+      <el-table-column label="处理方式" align="center">
+        <template slot-scope="scope">
+          <span style="font-weight: 700;">{{ scope.row.caseStateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
       <el-table-column v-if="commonShow.caseType" label="事件分类" align="center" min-width="120">
         <template slot-scope="scope">
           <span>{{ scope.row.eorcName }}</span>
@@ -99,16 +113,16 @@
             width: 160,
             align: 'center'
           },
-          {
-            text: '处理状态',
-            value: 'stateName',
-            align: 'center'
-          },
-          {
-            text: '处理方式',
-            value: 'caseStateName',
-            align: 'center'
-          }
+          // {
+          //   text: '处理状态',
+          //   value: 'stateName',
+          //   align: 'center'
+          // },
+          // {
+          //   text: '处理方式',
+          //   value: 'caseStateName',
+          //   align: 'center'
+          // }
         // 为了手动处理“处理类型”字段，把后面两个字段也放进slot里了
         // {
         //   text: '处理类型',
@@ -189,3 +203,11 @@
   }
 }
 </script>
+<style rel="stylesheet/scss" lang="scss">
+.yellow{
+  color: rgb(168, 183, 3);
+}
+.green{
+  color: green;
+}
+</style>
diff --git a/src/views/caseManage/caseManage.vue b/src/views/caseManage/caseManage.vue
index 2f5bfea..1ffcec8 100644
--- a/src/views/caseManage/caseManage.vue
+++ b/src/views/caseManage/caseManage.vue
@@ -78,6 +78,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -105,22 +111,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ], // 显示列
       urgeDialogVisible: false,
       urgeForm: {
diff --git a/src/views/caseManage/components/closureDialog.vue b/src/views/caseManage/components/closureDialog.vue
new file mode 100644
index 0000000..ab4bd61
--- /dev/null
+++ b/src/views/caseManage/components/closureDialog.vue
@@ -0,0 +1,76 @@
+<!-- 快速结案弹窗 -->
+<template>
+  <el-dialog :visible.sync="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="快速结案"
+    width="600px" append-to-body @close="closeDialog">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="20">
+          <el-form-item label="备注" prop="notes">
+            <el-input :rows="5" v-model="form.notes" maxlength="100" show-word-limit size="small" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" size="small" @click="saveData">保存</el-button>
+      <el-button size="small" @click="closeDialog">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { quicklyClosure } from '@/api/callCase'
+export default {
+  name: 'ClosureDialog',
+  data() {
+    return {
+      showDialog: false,
+      form: {
+        notes: '',
+        id: ''
+      },
+      rules: {
+        notes: [
+          { required: true, message: "备注不能为空", trigger: ["blur", "change"] }
+        ]
+      },
+      btnLoading: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.showDialog = true
+      this.form.id = row.callid
+      this.form.notes = ''
+      // this.$refs.form.clearValidate('notes')
+    },
+    closeDialog() {
+      this.showDialog = false
+    },
+    saveData() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          const data = {
+            callId: this.form.id,
+            quickRemarks: this.form.notes
+          }
+          // 发送请求
+          quicklyClosure(data).then(res => {
+            if (res.code === 200) {
+              this.btnLoading = false
+              this.closeDialog()
+              this.$emit('refresh')
+            }
+          }).catch(() => {
+            this.btnLoading = false
+          })
+
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss"></style>
diff --git a/src/views/caseManage/reviewList.vue b/src/views/caseManage/reviewList.vue
index 9a5c31e..c6ee60f 100644
--- a/src/views/caseManage/reviewList.vue
+++ b/src/views/caseManage/reviewList.vue
@@ -36,7 +36,7 @@
         reporterName: '', // 联系人
         startTime: '', // 来电开始时间
         endTime: '', // 来电结束时间
-        caseState: '', // 处理方式
+        caseState: '7', // 处理方式
         state: '', // 处理状态
         isDelay: '', // 事件状态
         source: '', // 事件来源
diff --git a/src/views/caseManage/searchList.vue b/src/views/caseManage/searchList.vue
index d80fece..01c7cf9 100644
--- a/src/views/caseManage/searchList.vue
+++ b/src/views/caseManage/searchList.vue
@@ -48,6 +48,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -75,22 +81,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ] // 显示列
     }
   },
diff --git a/src/views/caseManage/waitForCreate.vue b/src/views/caseManage/waitForCreate.vue
index c091388..f49343a 100644
--- a/src/views/caseManage/waitForCreate.vue
+++ b/src/views/caseManage/waitForCreate.vue
@@ -33,6 +33,7 @@
             <!--<el-button type="text" size="small" @click="recall(scope.row)">拨号</el-button>-->
             <el-button type="text" size="small" @click="openSound(scope.row)">录音</el-button>
             <el-button type="text" size="small" @click="createCase(scope.row)">受理</el-button>
+            <el-button type="text" size="small" @click="quickClosure(scope.row)">快速结案</el-button>
           </template>
         </el-table-column>
       </template>
@@ -60,6 +61,8 @@
       @close="closeSound">
       <audio-player ref="adplayer" :the-url="sound.url" :the-control-ist="sound.controlList"/>
     </el-dialog>
+    <!-- 快速结案 -->
+    <closure-dialog ref="closureRef" @refresh="search" />
   </app-container>
 </template>
 
@@ -70,6 +73,7 @@
 import SearchItem from '@/components/SearchArea/SearchItem'
 import CreateCase from '@/views/caseManage/createCase'
 import AudioPlayer from '../../components/AudioPlayer/AudioPlayer'
+import ClosureDialog from './components/closureDialog.vue'
 import { mapState } from 'vuex'
 // import { realFormatSecond } from '@/utils/stringutils'
 import { getUserSimpleList } from '@/api/system/user'
@@ -77,7 +81,7 @@
 import { isOnlyReceiver } from '@/utils/permission'
 export default {
   name: 'WaitForCreate',
-  components: { AudioPlayer, SearchItem, SearchArea, AppContainer, NormalTable, CreateCase },
+  components: { AudioPlayer, SearchItem, SearchArea, AppContainer, NormalTable, CreateCase, ClosureDialog, ClosureDialog },
   data() {
     return {
       isReceiver: isOnlyReceiver(),
@@ -114,7 +118,7 @@
           text: '分机号码', // 新增分机号码
           // value: 'phonenumber',
           value: 'exten',
-          align: 'center',
+          align: 'center'
         },
         {
           text: '来电时间',
@@ -286,6 +290,10 @@
         order: 'desc'
       } // 筛选条件
       this.timeRange = []
+    },
+    // 快速结案弹窗
+    quickClosure(row) {
+      this.$refs.closureRef.initDialog(row)
     }
   }
 }
diff --git a/src/views/soundsManage/soundDetail.vue b/src/views/soundsManage/soundDetail.vue
new file mode 100644
index 0000000..bb5032a
--- /dev/null
+++ b/src/views/soundsManage/soundDetail.vue
@@ -0,0 +1,175 @@
+<!--录音详情-->
+<template>
+  <div class="app-container">
+    <!-- 基础信息表单 -->
+    <div>
+      <el-row class="table-title">
+        <el-col :span="6"></el-col>
+        <div class="title-header">
+          <i class="el-icon-tickets" />录音基础信息
+        </div>
+      </el-row>
+      <el-form ref="form" :model="form" label-width="110px" style="margin-top: 20px;">
+        <el-row :gutter="24">
+          <el-col :span="24">
+            <el-form-item label="录音编号">
+              <el-input v-model="form.callid" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="主叫号码">
+              <el-input v-model="form.callerNumber" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="被叫号码">
+              <el-input v-model="form.calleeNumber" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="呼叫方向">
+              <el-input v-model="form.callWayName" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="挂机方向">
+              <el-input v-model="form.hangupCause" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="坐席工号">
+              <el-input v-model="form.agentName" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="坐席姓名">
+              <el-input v-model="form.agentUserName" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="归属地">
+              <el-input v-model="form.isp" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="通话开始时间">
+              <el-input v-model="form.dialStartStamp" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="通话结束时间">
+              <el-input v-model="form.dialEndStamp" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="通话时长(分:秒)">
+              <el-input v-model="form.bridgeStamp" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="受理人姓名">
+              <el-input v-model="form.quickUserName" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="受理时间">
+              <el-input v-model="form.processTime" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="备注" prop="notes">
+            <el-input v-model="form.quickRemarks" :rows="3" readonly size="small" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      </el-form>
+      <div class="footer">
+      <el-button type="primary" size="small" @click="confirm">确认</el-button>
+    </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "SoundDetail",
+  data() {
+    return {
+      form: {
+        callid: '',
+        callerNumber: '', // 主叫号码
+        agentUserName: '', // 坐席姓名
+        agentName: '', // 坐席工号
+        dialStartStamp: '', // 来电开始时间
+        dialEndStamp: '', // 来电结束时间
+        callWayName: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        isp: '', // 归属地
+        bridgeStamp: '', // 通话时长
+        calleeNumber: '', // 被叫号码
+        quickUserName: '', // 受理人姓名
+        processTime: '', // 受理时间
+        quickRemarks: '' // 备注
+      }
+    }
+  },
+  created() {
+    const info = this.$route.params.info
+    if (info) {
+      this.form = JSON.parse(info)
+      for (const i in this.form) {
+        if (!this.form[i]) {
+          this.form[i] = '--'
+        }
+      }
+      this.form.bridgeStamp = this.timeFilter(this.form.bridgeStamp)
+    }
+  },
+  methods: {
+    timeFilter(val) {
+      if (val === '--' || '') {
+        return '00:00'
+      }
+      const m = Math.floor(val / 60)
+      const s = val - m * 60
+      const str = ('0' + m).slice(-2) + ':' + ('0' + s).slice(-2)
+      return str
+    },
+    confirm() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.table-title {
+  background-color: rgba(243, 243, 243, 1);
+  height: 46px;
+
+  .title-header {
+    line-height: 46px;
+    color: #606266;
+    font-size: 15px;
+
+    i {
+      margin-left: 5px;
+      margin-right: 5px;
+    }
+  }
+}
+.footer{
+  display: flex;
+  justify-content: flex-end;
+}
+</style>

diff --git a/config/dev.env.js b/config/dev.env.js
index bfd2420..2afdcdf 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -11,6 +11,7 @@
   // BASE_API: '"http://192.168.0.212:8083"'
   // BASE_API: '"http://192.168.13.116:8085/callcenter/api"'
   BASE_API: '"http://111.198.10.15:11402/callcenter/api"'
+    // BASE_API: '"http://192.168.8.105:11402/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8083/callcenter/api"'
   // BASE_API: '"http://11.100.6.163:8087/callcenter/api"'
   // BASE_API: '"http://192.168.0.123:20007"'
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b184c3b
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/api/callCase.js b/src/api/callCase.js
index 859d7c2..f80c31d 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -155,8 +155,6 @@
   })
 }
 
-
-
 // 社会治理-事件详情查询接口
 export function socialDetail(params) {
   return request({
@@ -165,3 +163,11 @@
     params
   })
 }
+// 代录事件-快速结案
+export function quicklyClosure(data) {
+  return request({
+    url: '/sound/updateQuickRemarks',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/sounds.js b/src/router/modules/sounds.js
index 94db48e..340395d 100644
--- a/src/router/modules/sounds.js
+++ b/src/router/modules/sounds.js
@@ -17,6 +17,15 @@
       name: 'SoundsList',
       component: () => import('@/views/soundsManage/soundsManage'),
       meta: { title: '录音管理', icon: '', permission: '/soundsList' }
+    },
+    {
+      path: '/soundDetail/:info',
+      name: 'SoundsDetail',
+      hidden: true,
+      breadcrumb: false,
+      // redirect: 'noredirect',
+      component: () => import('@/views/soundsManage/soundDetail'),
+      meta: { title: '录音详情', icon: '', breadcrumb: false }
     }
   ]
 }]
diff --git a/src/views/caseManage/caseCommon/caseListTable.vue b/src/views/caseManage/caseCommon/caseListTable.vue
index 2e3b715..f752b9c 100644
--- a/src/views/caseManage/caseCommon/caseListTable.vue
+++ b/src/views/caseManage/caseCommon/caseListTable.vue
@@ -2,6 +2,20 @@
   <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
     <template slot="columns">
       <!-- <el-table-column v-if="commonShow.caseType" label="处理类型" align="center" min-width="120"> -->
+        <el-table-column label="处理状态" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.stateName === '处理中' ? 'green' : scope.row.stateName === '待处理' ? 'yellow' : ''" style="width: 100%;height: 100%;">{{ scope.row.stateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
+      <el-table-column label="处理方式" align="center">
+        <template slot-scope="scope">
+          <span style="font-weight: 700;">{{ scope.row.caseStateName }}</span>
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName }}</span>-->
+          <!--<span>{{ scope.row.eorcName + '/' + scope.row.caseTypeName + '/' + scope.row.caseDetailTypeName }}</span>-->
+        </template>
+      </el-table-column>
       <el-table-column v-if="commonShow.caseType" label="事件分类" align="center" min-width="120">
         <template slot-scope="scope">
           <span>{{ scope.row.eorcName }}</span>
@@ -99,16 +113,16 @@
             width: 160,
             align: 'center'
           },
-          {
-            text: '处理状态',
-            value: 'stateName',
-            align: 'center'
-          },
-          {
-            text: '处理方式',
-            value: 'caseStateName',
-            align: 'center'
-          }
+          // {
+          //   text: '处理状态',
+          //   value: 'stateName',
+          //   align: 'center'
+          // },
+          // {
+          //   text: '处理方式',
+          //   value: 'caseStateName',
+          //   align: 'center'
+          // }
         // 为了手动处理“处理类型”字段，把后面两个字段也放进slot里了
         // {
         //   text: '处理类型',
@@ -189,3 +203,11 @@
   }
 }
 </script>
+<style rel="stylesheet/scss" lang="scss">
+.yellow{
+  color: rgb(168, 183, 3);
+}
+.green{
+  color: green;
+}
+</style>
diff --git a/src/views/caseManage/caseManage.vue b/src/views/caseManage/caseManage.vue
index 2f5bfea..1ffcec8 100644
--- a/src/views/caseManage/caseManage.vue
+++ b/src/views/caseManage/caseManage.vue
@@ -78,6 +78,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -105,22 +111,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ], // 显示列
       urgeDialogVisible: false,
       urgeForm: {
diff --git a/src/views/caseManage/components/closureDialog.vue b/src/views/caseManage/components/closureDialog.vue
new file mode 100644
index 0000000..ab4bd61
--- /dev/null
+++ b/src/views/caseManage/components/closureDialog.vue
@@ -0,0 +1,76 @@
+<!-- 快速结案弹窗 -->
+<template>
+  <el-dialog :visible.sync="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="快速结案"
+    width="600px" append-to-body @close="closeDialog">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="20">
+          <el-form-item label="备注" prop="notes">
+            <el-input :rows="5" v-model="form.notes" maxlength="100" show-word-limit size="small" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" size="small" @click="saveData">保存</el-button>
+      <el-button size="small" @click="closeDialog">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { quicklyClosure } from '@/api/callCase'
+export default {
+  name: 'ClosureDialog',
+  data() {
+    return {
+      showDialog: false,
+      form: {
+        notes: '',
+        id: ''
+      },
+      rules: {
+        notes: [
+          { required: true, message: "备注不能为空", trigger: ["blur", "change"] }
+        ]
+      },
+      btnLoading: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.showDialog = true
+      this.form.id = row.callid
+      this.form.notes = ''
+      // this.$refs.form.clearValidate('notes')
+    },
+    closeDialog() {
+      this.showDialog = false
+    },
+    saveData() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          const data = {
+            callId: this.form.id,
+            quickRemarks: this.form.notes
+          }
+          // 发送请求
+          quicklyClosure(data).then(res => {
+            if (res.code === 200) {
+              this.btnLoading = false
+              this.closeDialog()
+              this.$emit('refresh')
+            }
+          }).catch(() => {
+            this.btnLoading = false
+          })
+
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss"></style>
diff --git a/src/views/caseManage/reviewList.vue b/src/views/caseManage/reviewList.vue
index 9a5c31e..c6ee60f 100644
--- a/src/views/caseManage/reviewList.vue
+++ b/src/views/caseManage/reviewList.vue
@@ -36,7 +36,7 @@
         reporterName: '', // 联系人
         startTime: '', // 来电开始时间
         endTime: '', // 来电结束时间
-        caseState: '', // 处理方式
+        caseState: '7', // 处理方式
         state: '', // 处理状态
         isDelay: '', // 事件状态
         source: '', // 事件来源
diff --git a/src/views/caseManage/searchList.vue b/src/views/caseManage/searchList.vue
index d80fece..01c7cf9 100644
--- a/src/views/caseManage/searchList.vue
+++ b/src/views/caseManage/searchList.vue
@@ -48,6 +48,12 @@
       }, // 筛选条件
       columns: [
         {
+          text: '事件编号',
+          value: 'caseId',
+          align: 'center',
+          showOverflow: true
+        },
+        {
           text: '事件标题',
           value: 'title',
           align: 'center',
@@ -75,22 +81,22 @@
           width: 140,
           align: 'center'
         },
-        {
-          text: '处理状态',
-          value: 'stateName',
-          align: 'center'
-        },
+        // {
+        //   text: '处理状态',
+        //   value: 'stateName',
+        //   align: 'center'
+        // },
         {
           text: '事件内容',
           value: 'description',
           align: 'center',
           showOverflow: true
         },
-        {
-          text: '处理方式',
-          value: 'caseStateName',
-          align: 'center'
-        }
+        // {
+        //   text: '处理方式',
+        //   value: 'caseStateName',
+        //   align: 'center'
+        // }
       ] // 显示列
     }
   },
diff --git a/src/views/caseManage/waitForCreate.vue b/src/views/caseManage/waitForCreate.vue
index c091388..f49343a 100644
--- a/src/views/caseManage/waitForCreate.vue
+++ b/src/views/caseManage/waitForCreate.vue
@@ -33,6 +33,7 @@
             <!--<el-button type="text" size="small" @click="recall(scope.row)">拨号</el-button>-->
             <el-button type="text" size="small" @click="openSound(scope.row)">录音</el-button>
             <el-button type="text" size="small" @click="createCase(scope.row)">受理</el-button>
+            <el-button type="text" size="small" @click="quickClosure(scope.row)">快速结案</el-button>
           </template>
         </el-table-column>
       </template>
@@ -60,6 +61,8 @@
       @close="closeSound">
       <audio-player ref="adplayer" :the-url="sound.url" :the-control-ist="sound.controlList"/>
     </el-dialog>
+    <!-- 快速结案 -->
+    <closure-dialog ref="closureRef" @refresh="search" />
   </app-container>
 </template>
 
@@ -70,6 +73,7 @@
 import SearchItem from '@/components/SearchArea/SearchItem'
 import CreateCase from '@/views/caseManage/createCase'
 import AudioPlayer from '../../components/AudioPlayer/AudioPlayer'
+import ClosureDialog from './components/closureDialog.vue'
 import { mapState } from 'vuex'
 // import { realFormatSecond } from '@/utils/stringutils'
 import { getUserSimpleList } from '@/api/system/user'
@@ -77,7 +81,7 @@
 import { isOnlyReceiver } from '@/utils/permission'
 export default {
   name: 'WaitForCreate',
-  components: { AudioPlayer, SearchItem, SearchArea, AppContainer, NormalTable, CreateCase },
+  components: { AudioPlayer, SearchItem, SearchArea, AppContainer, NormalTable, CreateCase, ClosureDialog, ClosureDialog },
   data() {
     return {
       isReceiver: isOnlyReceiver(),
@@ -114,7 +118,7 @@
           text: '分机号码', // 新增分机号码
           // value: 'phonenumber',
           value: 'exten',
-          align: 'center',
+          align: 'center'
         },
         {
           text: '来电时间',
@@ -286,6 +290,10 @@
         order: 'desc'
       } // 筛选条件
       this.timeRange = []
+    },
+    // 快速结案弹窗
+    quickClosure(row) {
+      this.$refs.closureRef.initDialog(row)
     }
   }
 }
diff --git a/src/views/soundsManage/soundDetail.vue b/src/views/soundsManage/soundDetail.vue
new file mode 100644
index 0000000..bb5032a
--- /dev/null
+++ b/src/views/soundsManage/soundDetail.vue
@@ -0,0 +1,175 @@
+<!--录音详情-->
+<template>
+  <div class="app-container">
+    <!-- 基础信息表单 -->
+    <div>
+      <el-row class="table-title">
+        <el-col :span="6"></el-col>
+        <div class="title-header">
+          <i class="el-icon-tickets" />录音基础信息
+        </div>
+      </el-row>
+      <el-form ref="form" :model="form" label-width="110px" style="margin-top: 20px;">
+        <el-row :gutter="24">
+          <el-col :span="24">
+            <el-form-item label="录音编号">
+              <el-input v-model="form.callid" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="主叫号码">
+              <el-input v-model="form.callerNumber" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="被叫号码">
+              <el-input v-model="form.calleeNumber" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="呼叫方向">
+              <el-input v-model="form.callWayName" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="挂机方向">
+              <el-input v-model="form.hangupCause" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="坐席工号">
+              <el-input v-model="form.agentName" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="坐席姓名">
+              <el-input v-model="form.agentUserName" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="归属地">
+              <el-input v-model="form.isp" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="通话开始时间">
+              <el-input v-model="form.dialStartStamp" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="通话结束时间">
+              <el-input v-model="form.dialEndStamp" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="通话时长(分:秒)">
+              <el-input v-model="form.bridgeStamp" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="受理人姓名">
+              <el-input v-model="form.quickUserName" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="受理时间">
+              <el-input v-model="form.processTime" readonly size="small" type="text" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+        <el-col :span="24">
+          <el-form-item label="备注" prop="notes">
+            <el-input v-model="form.quickRemarks" :rows="3" readonly size="small" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      </el-form>
+      <div class="footer">
+      <el-button type="primary" size="small" @click="confirm">确认</el-button>
+    </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "SoundDetail",
+  data() {
+    return {
+      form: {
+        callid: '',
+        callerNumber: '', // 主叫号码
+        agentUserName: '', // 坐席姓名
+        agentName: '', // 坐席工号
+        dialStartStamp: '', // 来电开始时间
+        dialEndStamp: '', // 来电结束时间
+        callWayName: '', // 呼叫方向
+        hangupCause: '', // 挂机方向
+        isp: '', // 归属地
+        bridgeStamp: '', // 通话时长
+        calleeNumber: '', // 被叫号码
+        quickUserName: '', // 受理人姓名
+        processTime: '', // 受理时间
+        quickRemarks: '' // 备注
+      }
+    }
+  },
+  created() {
+    const info = this.$route.params.info
+    if (info) {
+      this.form = JSON.parse(info)
+      for (const i in this.form) {
+        if (!this.form[i]) {
+          this.form[i] = '--'
+        }
+      }
+      this.form.bridgeStamp = this.timeFilter(this.form.bridgeStamp)
+    }
+  },
+  methods: {
+    timeFilter(val) {
+      if (val === '--' || '') {
+        return '00:00'
+      }
+      const m = Math.floor(val / 60)
+      const s = val - m * 60
+      const str = ('0' + m).slice(-2) + ':' + ('0' + s).slice(-2)
+      return str
+    },
+    confirm() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.table-title {
+  background-color: rgba(243, 243, 243, 1);
+  height: 46px;
+
+  .title-header {
+    line-height: 46px;
+    color: #606266;
+    font-size: 15px;
+
+    i {
+      margin-left: 5px;
+      margin-right: 5px;
+    }
+  }
+}
+.footer{
+  display: flex;
+  justify-content: flex-end;
+}
+</style>
diff --git a/src/views/soundsManage/soundsManage.vue b/src/views/soundsManage/soundsManage.vue
index 85e646c..110db90 100644
--- a/src/views/soundsManage/soundsManage.vue
+++ b/src/views/soundsManage/soundsManage.vue
@@ -40,11 +40,26 @@
             {{ scope.row.bridgeStamp | timeFilter }}
           </template>
         </el-table-column>
+        <el-table-column label="受理人" align="center">
+          <template slot-scope="scope">
+            {{  }}
+          </template>
+        </el-table-column>
+        <el-table-column label="受理时间" align="center">
+          <template slot-scope="scope">
+            {{  }}
+          </template>
+        </el-table-column>
         <el-table-column label="试听" align="center" width="80">
           <template slot-scope="scope">
             <el-button v-if="scope.row.bridgeStamp" type="text" size="small" icon="el-icon-headset" @click="openSound(scope.row)"/>
           </template>
         </el-table-column>
+        <el-table-column label="操作" align="center" width="80">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="detail(scope.row)">详情</el-button>
+          </template>
+        </el-table-column>
       </template>
     </normal-table>
     <!--播放音频弹窗-->
@@ -120,25 +135,25 @@
           value: 'hangupCause',
           align: 'center'
         },
-        {
-          text: '坐席工号',
-          value: 'agentName',
-          align: 'center',
-          default: '--'
-        },
+        // {
+        //   text: '坐席工号',
+        //   value: 'agentName',
+        //   align: 'center',
+        //   default: '--'
+        // },
         {
           text: '坐席姓名',
           value: 'agentUserName',
           align: 'center',
           default: '--'
         },
-        {
-          text: '归属地',
-          value: 'isp',
-          align: 'center',
-          width: 100,
-          default: '--'
-        },
+        // {
+        //   text: '归属地',
+        //   value: 'isp',
+        //   align: 'center',
+        //   width: 100,
+        //   default: '--'
+        // },
         {
           text: '通话开始时间',
           value: 'dialStartStamp',
@@ -194,6 +209,15 @@
     this.search()
   },
   methods: {
+    detail(row) {
+      console.log(row, '录音管理-当前行')
+      this.$router.push({
+        name: 'SoundsDetail',
+        params: {
+          info: JSON.stringify(row)
+        }
+      })
+    },
     search() {
       this.fetchData(false)
     },