diff --git a/src/api/caseSupervise.js b/src/api/caseSupervise.js
index 555721a..f40015d 100644
--- a/src/api/caseSupervise.js
+++ b/src/api/caseSupervise.js
@@ -56,3 +56,12 @@
     }
   })
 }
+
+// 工单督办
+export function addSupervise(params) {
+  return request({
+    url: '/urge/add',
+    method: 'post',
+    params
+  })
+}

diff --git a/src/api/caseSupervise.js b/src/api/caseSupervise.js
index 555721a..f40015d 100644
--- a/src/api/caseSupervise.js
+++ b/src/api/caseSupervise.js
@@ -56,3 +56,12 @@
     }
   })
 }
+
+// 工单督办
+export function addSupervise(params) {
+  return request({
+    url: '/urge/add',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/views/caseManage/caseManage.vue b/src/views/caseManage/caseManage.vue
index 5124f6c..abcad88 100644
--- a/src/views/caseManage/caseManage.vue
+++ b/src/views/caseManage/caseManage.vue
@@ -8,7 +8,7 @@
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="goDetail(scope.row)">详情</el-button>
             <!-- <el-button type="text" size="small" @click.stop="">删除</el-button> -->
-            <el-button v-if="couldSupervise(scope.row)" type="text" size="small" @click.stop="">督办</el-button>
+            <el-button v-if="couldSupervise(scope.row)" type="text" size="small" @click.stop="supervise(scope.row)">督办</el-button>
             <el-button v-if="couldUrge(scope.row)" type="text" size="small" @click.stop="urge(scope.row)">催办</el-button>
             <!-- <el-button v-if="scope.row.state<2" type="text" size="small" @click.stop="">作废</el-button> -->
           </template>
@@ -27,6 +27,18 @@
         <el-button type="primary" @click="submitUrge">确定</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog :visible.sync="superviseDialogVisible" :close-on-click-modal="false" title="督办" append-to-body @close="cancelSupervise">
+      <el-form ref="superviseForm" :model="superviseForm" :rules="superviseRules" label-width="auto">
+        <el-form-item label="说明" prop="urgeContent">
+          <el-input v-model="superviseForm.urgeContent" type="textarea"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancelSupervise">取消</el-button>
+        <el-button type="primary" @click="submitSupervise">确定</el-button>
+      </div>
+    </el-dialog>
   </app-container>
 </template>
 
@@ -36,6 +48,7 @@
 import CaseListTable from './caseCommon/caseListTable'
 import { searchList } from '@/api/callCase'
 import { addUrge } from '@/api/caseUrge'
+import { addSupervise } from '@/api/caseSupervise'
 
 export default {
   name: 'CaseManage',
@@ -114,6 +127,14 @@
       },
       urgeRules: {
         urgeContent: [{ required: true, message: '请填写催办说明', trigger: ['change', 'blur'] }]
+      },
+      superviseDialogVisible: false,
+      superviseForm: {
+        caseId: '',
+        urgeContent: ''
+      },
+      superviseRules: {
+        urgeContent: [{ required: true, message: '请填写督办说明', trigger: ['change', 'blur'] }]
       }
     }
   },
@@ -152,7 +173,7 @@
       }
       return false
     },
-    // 任务办理
+    // 详情
     goDetail(row) {
       this.$router.push({
         path: '/caseDetail/' + row.id,
@@ -187,6 +208,33 @@
         caseId: '',
         urgeContent: ''
       }
+    },
+    supervise(row) {
+      this.superviseForm.caseId = row.id
+      this.superviseDialogVisible = true
+    },
+    cancelSupervise() {
+      this.superviseDialogVisible = false
+      this.resetSuperviseForm()
+    },
+    submitSupervise() {
+      this.$refs['superviseForm'].validate((valid) => {
+        if (valid) {
+          addSupervise(this.superviseForm).then(res => {
+            this.$message.success('督办成功')
+            this.cancelSupervise()
+          }).catch((res) => {
+            this.cancelSupervise()
+          })
+        }
+      })
+    },
+    resetSuperviseForm() {
+      this.$refs['superviseForm'].resetFields()
+      this.superviseForm = {
+        caseId: '',
+        urgeContent: ''
+      }
     }
   }
 }