diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"
diff --git a/src/views/caseManage/caseDetail.vue b/src/views/caseManage/caseDetail.vue
index 481c7a3..c95db96 100644
--- a/src/views/caseManage/caseDetail.vue
+++ b/src/views/caseManage/caseDetail.vue
@@ -17,6 +17,7 @@
         ref="caseProcess"
         :biz-id="caseDetail.id"
         :process-id="caseDetail.processId"
+        :task-id="taskId"
         :case-state="caseDetail.caseState"
         @loading="loading"
         @submitSuccess="submitSuccess"
@@ -42,6 +43,7 @@
   data() {
     return {
       id: '',
+      taskId: '', // 当前任务id，只有任务处理的详情中需要，会签用
       caseDetail: {},
       showProcess: false,
       wholeLoading: false
@@ -49,6 +51,9 @@
   },
   mounted() {
     this.id = this.$route.params.id
+    if (this.$route.query.taskId) {
+      this.taskId = this.$route.query.taskId
+    }
     if (this.$route.query.showProcess) {
       this.showProcess = this.$route.query.showProcess
     }

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"
diff --git a/src/views/caseManage/caseDetail.vue b/src/views/caseManage/caseDetail.vue
index 481c7a3..c95db96 100644
--- a/src/views/caseManage/caseDetail.vue
+++ b/src/views/caseManage/caseDetail.vue
@@ -17,6 +17,7 @@
         ref="caseProcess"
         :biz-id="caseDetail.id"
         :process-id="caseDetail.processId"
+        :task-id="taskId"
         :case-state="caseDetail.caseState"
         @loading="loading"
         @submitSuccess="submitSuccess"
@@ -42,6 +43,7 @@
   data() {
     return {
       id: '',
+      taskId: '', // 当前任务id，只有任务处理的详情中需要，会签用
       caseDetail: {},
       showProcess: false,
       wholeLoading: false
@@ -49,6 +51,9 @@
   },
   mounted() {
     this.id = this.$route.params.id
+    if (this.$route.query.taskId) {
+      this.taskId = this.$route.query.taskId
+    }
     if (this.$route.query.showProcess) {
       this.showProcess = this.$route.query.showProcess
     }
diff --git a/src/views/caseManage/caseReportManage/myReportList.vue b/src/views/caseManage/caseReportManage/myReportList.vue
index 77f80cb..60feae4 100644
--- a/src/views/caseManage/caseReportManage/myReportList.vue
+++ b/src/views/caseManage/caseReportManage/myReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"
diff --git a/src/views/caseManage/caseDetail.vue b/src/views/caseManage/caseDetail.vue
index 481c7a3..c95db96 100644
--- a/src/views/caseManage/caseDetail.vue
+++ b/src/views/caseManage/caseDetail.vue
@@ -17,6 +17,7 @@
         ref="caseProcess"
         :biz-id="caseDetail.id"
         :process-id="caseDetail.processId"
+        :task-id="taskId"
         :case-state="caseDetail.caseState"
         @loading="loading"
         @submitSuccess="submitSuccess"
@@ -42,6 +43,7 @@
   data() {
     return {
       id: '',
+      taskId: '', // 当前任务id，只有任务处理的详情中需要，会签用
       caseDetail: {},
       showProcess: false,
       wholeLoading: false
@@ -49,6 +51,9 @@
   },
   mounted() {
     this.id = this.$route.params.id
+    if (this.$route.query.taskId) {
+      this.taskId = this.$route.query.taskId
+    }
     if (this.$route.query.showProcess) {
       this.showProcess = this.$route.query.showProcess
     }
diff --git a/src/views/caseManage/caseReportManage/myReportList.vue b/src/views/caseManage/caseReportManage/myReportList.vue
index 77f80cb..60feae4 100644
--- a/src/views/caseManage/caseReportManage/myReportList.vue
+++ b/src/views/caseManage/caseReportManage/myReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/searchReportList.vue b/src/views/caseManage/caseReportManage/searchReportList.vue
index ef6bc1c..83881fb 100644
--- a/src/views/caseManage/caseReportManage/searchReportList.vue
+++ b/src/views/caseManage/caseReportManage/searchReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"
diff --git a/src/views/caseManage/caseDetail.vue b/src/views/caseManage/caseDetail.vue
index 481c7a3..c95db96 100644
--- a/src/views/caseManage/caseDetail.vue
+++ b/src/views/caseManage/caseDetail.vue
@@ -17,6 +17,7 @@
         ref="caseProcess"
         :biz-id="caseDetail.id"
         :process-id="caseDetail.processId"
+        :task-id="taskId"
         :case-state="caseDetail.caseState"
         @loading="loading"
         @submitSuccess="submitSuccess"
@@ -42,6 +43,7 @@
   data() {
     return {
       id: '',
+      taskId: '', // 当前任务id，只有任务处理的详情中需要，会签用
       caseDetail: {},
       showProcess: false,
       wholeLoading: false
@@ -49,6 +51,9 @@
   },
   mounted() {
     this.id = this.$route.params.id
+    if (this.$route.query.taskId) {
+      this.taskId = this.$route.query.taskId
+    }
     if (this.$route.query.showProcess) {
       this.showProcess = this.$route.query.showProcess
     }
diff --git a/src/views/caseManage/caseReportManage/myReportList.vue b/src/views/caseManage/caseReportManage/myReportList.vue
index 77f80cb..60feae4 100644
--- a/src/views/caseManage/caseReportManage/myReportList.vue
+++ b/src/views/caseManage/caseReportManage/myReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/searchReportList.vue b/src/views/caseManage/caseReportManage/searchReportList.vue
index ef6bc1c..83881fb 100644
--- a/src/views/caseManage/caseReportManage/searchReportList.vue
+++ b/src/views/caseManage/caseReportManage/searchReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/workReportList.vue b/src/views/caseManage/caseReportManage/workReportList.vue
index fe688b1..cb791b4 100644
--- a/src/views/caseManage/caseReportManage/workReportList.vue
+++ b/src/views/caseManage/caseReportManage/workReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
@@ -74,7 +75,7 @@
 import AppContainer from '@/components/layout/AppContainer'
 import SearchArea from '@/components/SearchArea/SearchArea'
 import SearchItem from '@/components/SearchArea/SearchItem'
-import { getDeptList, getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDeptList, getUserList } from '@/api/callCase'
 import { getReportType } from '@/api/allDict'
 import { workReportList, processReport } from '@/api/caseReport'
 export default {
@@ -257,7 +258,7 @@
     // 获取部门列表
     fetchReportDeptList() {
       this.deptSelectLoading = true
-      getDisposalDeptList().then(response => {
+      getDeptList().then(response => {
         this.reportDeptList = response.data
         this.deptSelectLoading = false
       })

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"
diff --git a/src/views/caseManage/caseDetail.vue b/src/views/caseManage/caseDetail.vue
index 481c7a3..c95db96 100644
--- a/src/views/caseManage/caseDetail.vue
+++ b/src/views/caseManage/caseDetail.vue
@@ -17,6 +17,7 @@
         ref="caseProcess"
         :biz-id="caseDetail.id"
         :process-id="caseDetail.processId"
+        :task-id="taskId"
         :case-state="caseDetail.caseState"
         @loading="loading"
         @submitSuccess="submitSuccess"
@@ -42,6 +43,7 @@
   data() {
     return {
       id: '',
+      taskId: '', // 当前任务id，只有任务处理的详情中需要，会签用
       caseDetail: {},
       showProcess: false,
       wholeLoading: false
@@ -49,6 +51,9 @@
   },
   mounted() {
     this.id = this.$route.params.id
+    if (this.$route.query.taskId) {
+      this.taskId = this.$route.query.taskId
+    }
     if (this.$route.query.showProcess) {
       this.showProcess = this.$route.query.showProcess
     }
diff --git a/src/views/caseManage/caseReportManage/myReportList.vue b/src/views/caseManage/caseReportManage/myReportList.vue
index 77f80cb..60feae4 100644
--- a/src/views/caseManage/caseReportManage/myReportList.vue
+++ b/src/views/caseManage/caseReportManage/myReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/searchReportList.vue b/src/views/caseManage/caseReportManage/searchReportList.vue
index ef6bc1c..83881fb 100644
--- a/src/views/caseManage/caseReportManage/searchReportList.vue
+++ b/src/views/caseManage/caseReportManage/searchReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/workReportList.vue b/src/views/caseManage/caseReportManage/workReportList.vue
index fe688b1..cb791b4 100644
--- a/src/views/caseManage/caseReportManage/workReportList.vue
+++ b/src/views/caseManage/caseReportManage/workReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
@@ -74,7 +75,7 @@
 import AppContainer from '@/components/layout/AppContainer'
 import SearchArea from '@/components/SearchArea/SearchArea'
 import SearchItem from '@/components/SearchArea/SearchItem'
-import { getDeptList, getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDeptList, getUserList } from '@/api/callCase'
 import { getReportType } from '@/api/allDict'
 import { workReportList, processReport } from '@/api/caseReport'
 export default {
@@ -257,7 +258,7 @@
     // 获取部门列表
     fetchReportDeptList() {
       this.deptSelectLoading = true
-      getDisposalDeptList().then(response => {
+      getDeptList().then(response => {
         this.reportDeptList = response.data
         this.deptSelectLoading = false
       })
diff --git a/src/views/caseManage/delayApplyList.vue b/src/views/caseManage/delayApplyList.vue
index 3b71a6b..1ae9537 100644
--- a/src/views/caseManage/delayApplyList.vue
+++ b/src/views/caseManage/delayApplyList.vue
@@ -3,17 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
     </search-area>
     <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">

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"
diff --git a/src/views/caseManage/caseDetail.vue b/src/views/caseManage/caseDetail.vue
index 481c7a3..c95db96 100644
--- a/src/views/caseManage/caseDetail.vue
+++ b/src/views/caseManage/caseDetail.vue
@@ -17,6 +17,7 @@
         ref="caseProcess"
         :biz-id="caseDetail.id"
         :process-id="caseDetail.processId"
+        :task-id="taskId"
         :case-state="caseDetail.caseState"
         @loading="loading"
         @submitSuccess="submitSuccess"
@@ -42,6 +43,7 @@
   data() {
     return {
       id: '',
+      taskId: '', // 当前任务id，只有任务处理的详情中需要，会签用
       caseDetail: {},
       showProcess: false,
       wholeLoading: false
@@ -49,6 +51,9 @@
   },
   mounted() {
     this.id = this.$route.params.id
+    if (this.$route.query.taskId) {
+      this.taskId = this.$route.query.taskId
+    }
     if (this.$route.query.showProcess) {
       this.showProcess = this.$route.query.showProcess
     }
diff --git a/src/views/caseManage/caseReportManage/myReportList.vue b/src/views/caseManage/caseReportManage/myReportList.vue
index 77f80cb..60feae4 100644
--- a/src/views/caseManage/caseReportManage/myReportList.vue
+++ b/src/views/caseManage/caseReportManage/myReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/searchReportList.vue b/src/views/caseManage/caseReportManage/searchReportList.vue
index ef6bc1c..83881fb 100644
--- a/src/views/caseManage/caseReportManage/searchReportList.vue
+++ b/src/views/caseManage/caseReportManage/searchReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/workReportList.vue b/src/views/caseManage/caseReportManage/workReportList.vue
index fe688b1..cb791b4 100644
--- a/src/views/caseManage/caseReportManage/workReportList.vue
+++ b/src/views/caseManage/caseReportManage/workReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
@@ -74,7 +75,7 @@
 import AppContainer from '@/components/layout/AppContainer'
 import SearchArea from '@/components/SearchArea/SearchArea'
 import SearchItem from '@/components/SearchArea/SearchItem'
-import { getDeptList, getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDeptList, getUserList } from '@/api/callCase'
 import { getReportType } from '@/api/allDict'
 import { workReportList, processReport } from '@/api/caseReport'
 export default {
@@ -257,7 +258,7 @@
     // 获取部门列表
     fetchReportDeptList() {
       this.deptSelectLoading = true
-      getDisposalDeptList().then(response => {
+      getDeptList().then(response => {
         this.reportDeptList = response.data
         this.deptSelectLoading = false
       })
diff --git a/src/views/caseManage/delayApplyList.vue b/src/views/caseManage/delayApplyList.vue
index 3b71a6b..1ae9537 100644
--- a/src/views/caseManage/delayApplyList.vue
+++ b/src/views/caseManage/delayApplyList.vue
@@ -3,17 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
     </search-area>
     <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">
diff --git a/src/views/caseManage/delayList.vue b/src/views/caseManage/delayList.vue
index 873adbd..34667dc 100644
--- a/src/views/caseManage/delayList.vue
+++ b/src/views/caseManage/delayList.vue
@@ -3,20 +3,20 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
       <search-item>
-        <el-select v-model="listQuery.applyState" placeholder="状态" clearable>
+        <el-select v-model="listQuery.applyState" placeholder="状态" size="small" clearable>
           <el-option v-for="item in applyStateList" :key="'applyState_'+item.value" :label="item.name" :value="item.value"/>
         </el-select>
       </search-item>

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"
diff --git a/src/views/caseManage/caseDetail.vue b/src/views/caseManage/caseDetail.vue
index 481c7a3..c95db96 100644
--- a/src/views/caseManage/caseDetail.vue
+++ b/src/views/caseManage/caseDetail.vue
@@ -17,6 +17,7 @@
         ref="caseProcess"
         :biz-id="caseDetail.id"
         :process-id="caseDetail.processId"
+        :task-id="taskId"
         :case-state="caseDetail.caseState"
         @loading="loading"
         @submitSuccess="submitSuccess"
@@ -42,6 +43,7 @@
   data() {
     return {
       id: '',
+      taskId: '', // 当前任务id，只有任务处理的详情中需要，会签用
       caseDetail: {},
       showProcess: false,
       wholeLoading: false
@@ -49,6 +51,9 @@
   },
   mounted() {
     this.id = this.$route.params.id
+    if (this.$route.query.taskId) {
+      this.taskId = this.$route.query.taskId
+    }
     if (this.$route.query.showProcess) {
       this.showProcess = this.$route.query.showProcess
     }
diff --git a/src/views/caseManage/caseReportManage/myReportList.vue b/src/views/caseManage/caseReportManage/myReportList.vue
index 77f80cb..60feae4 100644
--- a/src/views/caseManage/caseReportManage/myReportList.vue
+++ b/src/views/caseManage/caseReportManage/myReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/searchReportList.vue b/src/views/caseManage/caseReportManage/searchReportList.vue
index ef6bc1c..83881fb 100644
--- a/src/views/caseManage/caseReportManage/searchReportList.vue
+++ b/src/views/caseManage/caseReportManage/searchReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/workReportList.vue b/src/views/caseManage/caseReportManage/workReportList.vue
index fe688b1..cb791b4 100644
--- a/src/views/caseManage/caseReportManage/workReportList.vue
+++ b/src/views/caseManage/caseReportManage/workReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
@@ -74,7 +75,7 @@
 import AppContainer from '@/components/layout/AppContainer'
 import SearchArea from '@/components/SearchArea/SearchArea'
 import SearchItem from '@/components/SearchArea/SearchItem'
-import { getDeptList, getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDeptList, getUserList } from '@/api/callCase'
 import { getReportType } from '@/api/allDict'
 import { workReportList, processReport } from '@/api/caseReport'
 export default {
@@ -257,7 +258,7 @@
     // 获取部门列表
     fetchReportDeptList() {
       this.deptSelectLoading = true
-      getDisposalDeptList().then(response => {
+      getDeptList().then(response => {
         this.reportDeptList = response.data
         this.deptSelectLoading = false
       })
diff --git a/src/views/caseManage/delayApplyList.vue b/src/views/caseManage/delayApplyList.vue
index 3b71a6b..1ae9537 100644
--- a/src/views/caseManage/delayApplyList.vue
+++ b/src/views/caseManage/delayApplyList.vue
@@ -3,17 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
     </search-area>
     <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">
diff --git a/src/views/caseManage/delayList.vue b/src/views/caseManage/delayList.vue
index 873adbd..34667dc 100644
--- a/src/views/caseManage/delayList.vue
+++ b/src/views/caseManage/delayList.vue
@@ -3,20 +3,20 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
       <search-item>
-        <el-select v-model="listQuery.applyState" placeholder="状态" clearable>
+        <el-select v-model="listQuery.applyState" placeholder="状态" size="small" clearable>
           <el-option v-for="item in applyStateList" :key="'applyState_'+item.value" :label="item.name" :value="item.value"/>
         </el-select>
       </search-item>
diff --git a/src/views/caseManage/urgeList.vue b/src/views/caseManage/urgeList.vue
index 9c0aacc..188a46c 100644
--- a/src/views/caseManage/urgeList.vue
+++ b/src/views/caseManage/urgeList.vue
@@ -3,25 +3,26 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="催办内容" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="催办内容" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="催办开始时间"

diff --git a/src/api/process.js b/src/api/process.js
index b9c3642..df4f767 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -20,11 +20,11 @@
   })
 }
 
-export function completeCaseTask(params) {
-  console.log(params)
+export function completeCaseTask(data) {
+  console.log(data)
   return request({
     url: '/process/completeCaseTask',
     method: 'post',
-    params
+    data
   })
 }
diff --git a/src/views/caseManage/caseCommon/caseFormRead.vue b/src/views/caseManage/caseCommon/caseFormRead.vue
index 8ab1b88..ca7b572 100644
--- a/src/views/caseManage/caseCommon/caseFormRead.vue
+++ b/src/views/caseManage/caseCommon/caseFormRead.vue
@@ -4,109 +4,109 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件编号">
-            <el-input :value="caseForm.caseId"/>
+            <el-input :value="caseForm.caseId" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="来电时间">
-            <el-input :value="caseForm.callTime"/>
+            <el-input :value="caseForm.callTime" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系人">
-            <el-input :value="caseForm.reporterName"/>
+            <el-input :value="caseForm.reporterName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="联系电话">
-            <el-input :value="caseForm.reporterPhone"/>
+            <el-input :value="caseForm.reporterPhone" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件来源">
-            <el-input :value="caseForm.sourceName"/>
+            <el-input :value="caseForm.sourceName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件分类">
-            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName"/>
+            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="紧急程度">
-            <el-input :value="caseForm.caseLevelName"/>
+            <el-input :value="caseForm.caseLevelName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="限办日期">
-            <el-input :value="caseForm.limitedTime"/>
+            <el-input :value="caseForm.limitedTime" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="事件地址">
-            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro"/>
+            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件辖区">
-            <el-input :value="caseForm.areaName"/>
+            <el-input :value="caseForm.areaName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件受理录音">
-            <el-input :value="caseForm.sound"/>
+            <el-input :value="caseForm.sound" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="事件回访录音">
-            <el-input :value="caseForm.satisfactionSound"/>
+            <el-input :value="caseForm.satisfactionSound" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="当前事件状态">
-            <el-input :value="caseForm.stateName"/>
+            <el-input :value="caseForm.stateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="当前处理方式">
-            <el-input :value="caseForm.caseStateName"/>
+            <el-input :value="caseForm.caseStateName" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="典型案例">
-            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="是否要情">
-            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'"/>
+            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件标题">
-            <el-input :value="caseForm.title"/>
+            <el-input :value="caseForm.title" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="事件内容">
-            <el-input :value="caseForm.description"/>
+            <el-input :value="caseForm.description" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
           <el-form-item label="备注信息">
-            <el-input :value="caseForm.remarks"/>
+            <el-input :value="caseForm.remarks" size="small"/>
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/caseManage/caseCommon/caseProcess.vue b/src/views/caseManage/caseCommon/caseProcess.vue
index 4fe0629..3864b06 100644
--- a/src/views/caseManage/caseCommon/caseProcess.vue
+++ b/src/views/caseManage/caseCommon/caseProcess.vue
@@ -8,22 +8,47 @@
           </el-radio-group>
         </el-form-item>
       </el-row>
-      <el-row >
-        <el-col v-if="showDeptSelect" :span="6">
-          <el-form-item label="处理部门">
-            <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept">
-              <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
-            </el-select>
+      <div v-if="showSelect==='single'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="processForm.dispatchDeptId" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDisposalDept">
+                <el-option v-for="item in disposalDeptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="处理人">
+              <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
+                <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+      <div v-if="showSelect==='mulit'">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="处理部门">
+              <el-select v-model="selectedDept" :loading="deptSelectLoading" placeholder="请选择处理部门" @change="selectDept" >
+                <el-option v-for="item in deptList" :key="item.id" :label="item.simplename" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="处理人">
+              <el-select v-model="selectedUserList" :loading="userSelectLoading" multiple placeholder="请选择处理人" style="width:400px" @change="selectUser" >
+                <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="已选人员">
+            <el-tag v-for="item in allUserList" :key="'user-'+item" closable @close="delSelect(item)">{{ userMap[item] && userMap[item].name }}</el-tag>
           </el-form-item>
-        </el-col>
-        <el-col v-if="showUserSelect" :span="6">
-          <el-form-item label="处理人">
-            <el-select v-model="processForm.taskUserId" :loading="userSelectLoading" placeholder="请选择处理人">
-              <el-option v-for="item in normalUserList" :key="item.id" :label="item.name" :value="item.id"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
       <el-row>
         <el-form-item label="反馈结果">
           <el-input v-model="processForm.remarks" type="textarea" maxlength="50" show-word-limit/>
@@ -38,8 +63,7 @@
 
 <script>
 import DeptSelect from '@/components/DeptSelect'
-
-import { getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDisposalDeptList, getUserList, getDeptList } from '@/api/callCase'
 import { getNextNodeList, completeCaseTask } from '@/api/process'
 export default {
   name: 'CaseProcess',
@@ -53,6 +77,10 @@
       type: String,
       default: ''
     },
+    taskId: {
+      type: String,
+      default: ''
+    },
     caseState: {
       type: Number,
       default: null
@@ -70,18 +98,23 @@
         taskUserId: '' // 任务指派人员
       },
       nextNodeList: [], // 流程节点列表
-      disposalDeptList: [], // 处置部门列表
-      normalUserList: [], // 处置人员列表
-      showDeptSelect: false, // 是否显示处置部门选择框
-      showUserSelect: false, // 是否显示处理人选择框
+      disposalDeptList: [], // 处置部门列表（交办用）
+      normalUserList: [], // 处置人员列表（交办用）
+      showSelect: '',
       deptSelectLoading: false, // 处置部门选择框加载动画
       userSelectLoading: false, // 处理人选择框加载动画
       userQuery: {
         deptid: '', // 部门id （默认为当前用户部门）
         hasMine: '0', // 是否包含本人，1包含, 0不包含
-        roleTips: 'noraml' // 角色标识，这里默认noraml
-      }
-      // TODO loading: 整个页面加载， 人员下拉框加载
+        roleTips: '' // 角色标识，获取处置人员时传noraml
+      },
+      deptList: [], // 部门列表（会签用）
+      userList: [], // 用户列表（会签用）
+      userMap: {}, // 存储人员id：人员信息（会签用）
+      deptMap: {}, // 存储部门id：部门下的已选人员（会签用）
+      selectedDept: '', // 已选部门
+      selectedUserList: [], // 下拉框多选用户列表
+      allUserList: [] // 全部已选用户列表
     }
   },
   mounted() {
@@ -90,8 +123,26 @@
     this.processForm.currState = this.caseState
     this.fetchNextNodeList()
     this.fetchDisposalDeptList()
+    this.fetchDeptList()
   },
   methods: {
+    /**
+     * 从数组中删除
+     */
+    delFromArr(arr, item) {
+      arr.splice(arr.indexOf(item), 1)
+    },
+    delSelect(v) {
+      this.delFromArr(this.allUserList, v)
+      this.delFromArr(this.selectedUserList, v)
+    },
+    selectUser(v) {
+      this.deptMap[this.selectedDept] = v
+      this.allUserList = Object.keys(this.deptMap).reduce((arr, item) => {
+        return arr.concat(this.deptMap[item])
+      }, [])
+      console.log('tttt', this.allUserList, this.deptMap)
+    },
     fetchNextNodeList() {
       getNextNodeList(this.processForm.currState).then(response => {
         this.nextNodeList = response.data
@@ -104,14 +155,37 @@
         this.deptSelectLoading = false
       })
     },
+    fetchDeptList() {
+      this.deptSelectLoading = true
+      getDeptList().then(response => {
+        this.deptList = response.data
+        this.deptSelectLoading = false
+      })
+    },
     fetchNormalUserList() {
       this.userSelectLoading = true
+      this.userQuery.roleTips = 'normal'
       getUserList(this.userQuery).then(response => {
         this.normalUserList = response.data
         this.userSelectLoading = false
       })
     },
-    selectDept(val) {
+    fetchUserList() {
+      this.userQuery.roleTips = ''
+      this.userSelectLoading = true
+      getUserList(this.userQuery).then(response => {
+        this.userList = response.data
+        this.userList.forEach(item => {
+          const iid = item.id
+          this.allUserList.includes(iid) && this.selectedUserList.push(iid)
+          this.userMap[iid] = item
+        })
+        console.log('userMap', this.userMap)
+        this.userSelectLoading = false
+      })
+    },
+    selectDisposalDept(val) {
+      console.log('selectDisposalDept')
       this.normalUserList = []
       this.processForm.taskUserId = ''
       if (val) {
@@ -119,19 +193,35 @@
         this.fetchNormalUserList()
       }
     },
+    selectDept(val) {
+      console.log('selectDept')
+      this.userList = []
+      this.selectedUserList = []
+      if (val) {
+        this.userQuery.deptid = val
+        this.fetchUserList()
+      }
+    },
     /**
      * 选择处理方式之后：
-     * 如果下一步是交办，选择人员和部门（单选）
-     * 否则，隐藏人员和部门，同时清除processForm中的人员信息
-     * TODO： 会签的特殊处理
+     * 如果下一步是交办，选择人员和部门（单选），清空相关信息
+     * 如果下一步是会签，选择部门和人员（多选），清空相关信息
+     * 否则，隐藏人员和部门，清空processForm中的dispatchDeptId和taskUserId
      */
     selectNextOperation(changeState) {
       if (changeState === 2) {
-        this.showDeptSelect = true
-        this.showUserSelect = true
+        this.processForm.dispatchDeptId = ''
+        this.processForm.taskUserId = ''
+        this.showSelect = 'single'
+      } else if (changeState === 9) {
+        this.selectedDept = ''
+        this.selectedUserList = ''
+        this.allUserList = ''
+        this.userMap = {}
+        this.deptMap = {}
+        this.showSelect = 'mulit'
       } else {
-        this.showDeptSelect = false
-        this.showUserSelect = false
+        this.showSelect = ''
         this.processForm.dispatchDeptId = ''
         this.processForm.taskUserId = ''
       }
@@ -145,7 +235,7 @@
         type: 'warning'
       }).then(() => {
         // 点击“确定”后的操作
-        const isBuild = this.validProcessForm()
+        const isBuild = this.buildProcessForm()
         if (!isBuild) {
           return
         }
@@ -164,12 +254,13 @@
         // 点击“取消”后的操作
       })
     },
-    validProcessForm() {
+    buildProcessForm() {
       if (!this.processForm.changeState) {
         this.$message.error('处理方式不能为空')
         return false
       }
-      if (!this.processForm.changeState === 2) {
+      // 交办：传dispatchDeptId和taskUserId
+      if (this.processForm.changeState === 2) {
         if (!this.processForm.dispatchDeptId) {
           this.$message.error('处理部门不能为空')
           return false
@@ -179,6 +270,27 @@
           return false
         }
       }
+      // 会签：传countersigns,为对象列表，每个对象包含taskUserId和dispatchDeptId
+      if (this.processForm.changeState === 9) {
+        if (!this.allUserList || this.allUserList.length < 1) {
+          this.$message.error('处理人不能为空')
+          return false
+        }
+        // !!!!会签人员处理
+        const counterSigns = this.allUserList.map(item => {
+          const u = this.userMap[item]
+          return {
+            taskUserId: u.id,
+            dispatchDeptId: u.deptId
+          }
+        })
+        console.log('countersigns', counterSigns)
+        this.processForm.countersigns = counterSigns
+      }
+      // 会签完成/未完成：传taskId
+      if (this.processForm.currState === 9) {
+        this.processForm.taskId = this.taskId
+      }
       return true
     }
   }
diff --git a/src/views/caseManage/caseCommon/caseRecord.vue b/src/views/caseManage/caseCommon/caseRecord.vue
index ff27126..dab8e30 100644
--- a/src/views/caseManage/caseCommon/caseRecord.vue
+++ b/src/views/caseManage/caseCommon/caseRecord.vue
@@ -5,7 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件流转记录</div></el-col>
       </el-row>
-      <el-table v-loading="processRecordLoading" :data="processRecordList" border max-height="250">
+      <el-table v-loading="processRecordLoading" :data="processRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in processRecordColumns"
           :key="column.value"
@@ -24,7 +24,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件催办记录</div></el-col>
       </el-row>
-      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border max-height="250">
+      <el-table v-loading="urgeRecordLoading" :data="urgeRecordLsit" border size="small" max-height="250">
         <el-table-column
           v-for="column in urgeRecordColumns"
           :key="column.value"
@@ -42,7 +42,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>事件延期记录</div></el-col>
       </el-row>
-      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border max-height="250">
+      <el-table v-loading="delayRecordLoading" :data="delayRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in delayRecordColumns"
           :key="column.value"
@@ -61,7 +61,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-tickets"/>上报请示记录</div></el-col>
       </el-row>
-      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border max-height="250">
+      <el-table v-loading="reportRecordLoading" :data="reportRecordList" border size="small" max-height="250">
         <el-table-column
           v-for="column in reportRecordColumns"
           :key="column.value"
diff --git a/src/views/caseManage/caseCommon/caseSearch.vue b/src/views/caseManage/caseCommon/caseSearch.vue
index 4c7cfdb..b4cc2b4 100644
--- a/src/views/caseManage/caseCommon/caseSearch.vue
+++ b/src/views/caseManage/caseCommon/caseSearch.vue
@@ -2,24 +2,25 @@
   <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="search" @clear="clearInput">
     <!--一般查询条件-->
     <search-item>
-      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+      <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
     </search-item>
     <search-item/>
     <search-item>
-      <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+      <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+      <el-input v-model.trim="listQuery.description" placeholder="事件内容" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+      <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" size="small" clearable/>
     </search-item>
     <search-item>
-      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" clearable/>
+      <el-input v-model.trim="listQuery.reporterName" placeholder="联系人" size="small" clearable/>
     </search-item>
     <search-item>
       <el-date-picker
         v-model="timeRange"
+        size="small"
         type="datetimerange"
         range-separator="至"
         value-format="yyyy-MM-dd HH:mm:ss"
diff --git a/src/views/caseManage/caseDetail.vue b/src/views/caseManage/caseDetail.vue
index 481c7a3..c95db96 100644
--- a/src/views/caseManage/caseDetail.vue
+++ b/src/views/caseManage/caseDetail.vue
@@ -17,6 +17,7 @@
         ref="caseProcess"
         :biz-id="caseDetail.id"
         :process-id="caseDetail.processId"
+        :task-id="taskId"
         :case-state="caseDetail.caseState"
         @loading="loading"
         @submitSuccess="submitSuccess"
@@ -42,6 +43,7 @@
   data() {
     return {
       id: '',
+      taskId: '', // 当前任务id，只有任务处理的详情中需要，会签用
       caseDetail: {},
       showProcess: false,
       wholeLoading: false
@@ -49,6 +51,9 @@
   },
   mounted() {
     this.id = this.$route.params.id
+    if (this.$route.query.taskId) {
+      this.taskId = this.$route.query.taskId
+    }
     if (this.$route.query.showProcess) {
       this.showProcess = this.$route.query.showProcess
     }
diff --git a/src/views/caseManage/caseReportManage/myReportList.vue b/src/views/caseManage/caseReportManage/myReportList.vue
index 77f80cb..60feae4 100644
--- a/src/views/caseManage/caseReportManage/myReportList.vue
+++ b/src/views/caseManage/caseReportManage/myReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/searchReportList.vue b/src/views/caseManage/caseReportManage/searchReportList.vue
index ef6bc1c..83881fb 100644
--- a/src/views/caseManage/caseReportManage/searchReportList.vue
+++ b/src/views/caseManage/caseReportManage/searchReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
diff --git a/src/views/caseManage/caseReportManage/workReportList.vue b/src/views/caseManage/caseReportManage/workReportList.vue
index fe688b1..cb791b4 100644
--- a/src/views/caseManage/caseReportManage/workReportList.vue
+++ b/src/views/caseManage/caseReportManage/workReportList.vue
@@ -3,16 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" size="small" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" placeholder="事件标题" size="small" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="请示开始时间"
@@ -74,7 +75,7 @@
 import AppContainer from '@/components/layout/AppContainer'
 import SearchArea from '@/components/SearchArea/SearchArea'
 import SearchItem from '@/components/SearchArea/SearchItem'
-import { getDeptList, getDisposalDeptList, getUserList } from '@/api/callCase'
+import { getDeptList, getUserList } from '@/api/callCase'
 import { getReportType } from '@/api/allDict'
 import { workReportList, processReport } from '@/api/caseReport'
 export default {
@@ -257,7 +258,7 @@
     // 获取部门列表
     fetchReportDeptList() {
       this.deptSelectLoading = true
-      getDisposalDeptList().then(response => {
+      getDeptList().then(response => {
         this.reportDeptList = response.data
         this.deptSelectLoading = false
       })
diff --git a/src/views/caseManage/delayApplyList.vue b/src/views/caseManage/delayApplyList.vue
index 3b71a6b..1ae9537 100644
--- a/src/views/caseManage/delayApplyList.vue
+++ b/src/views/caseManage/delayApplyList.vue
@@ -3,17 +3,17 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
     </search-area>
     <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">
diff --git a/src/views/caseManage/delayList.vue b/src/views/caseManage/delayList.vue
index 873adbd..34667dc 100644
--- a/src/views/caseManage/delayList.vue
+++ b/src/views/caseManage/delayList.vue
@@ -3,20 +3,20 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
       <search-item>
-        <el-select v-model="listQuery.applyState" placeholder="状态" clearable>
+        <el-select v-model="listQuery.applyState" placeholder="状态" size="small" clearable>
           <el-option v-for="item in applyStateList" :key="'applyState_'+item.value" :label="item.name" :value="item.value"/>
         </el-select>
       </search-item>
diff --git a/src/views/caseManage/urgeList.vue b/src/views/caseManage/urgeList.vue
index 9c0aacc..188a46c 100644
--- a/src/views/caseManage/urgeList.vue
+++ b/src/views/caseManage/urgeList.vue
@@ -3,25 +3,26 @@
     <search-area :need-clear="true" :need-search-more="false" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.caseId" placeholder="事件编号" clearable/>
+        <el-input v-model.trim="listQuery.caseId" size="small" placeholder="事件编号" clearable/>
       </search-item>
       <search-item/>
       <search-item>
-        <el-input v-model.trim="listQuery.title" placeholder="事件标题" clearable/>
+        <el-input v-model.trim="listQuery.title" size="small" placeholder="事件标题" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.description" placeholder="事件内容" clearable/>
+        <el-input v-model.trim="listQuery.description" size="small" placeholder="事件内容" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="联系方式" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="联系方式" clearable/>
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.reporterPhone" placeholder="催办内容" clearable/>
+        <el-input v-model.trim="listQuery.reporterPhone" size="small" placeholder="催办内容" clearable/>
       </search-item>
       <search-item>
         <el-date-picker
           v-model="timeRange"
           type="datetimerange"
+          size="small"
           range-separator="至"
           value-format="yyyy-MM-dd HH:mm:ss"
           start-placeholder="催办开始时间"
diff --git a/src/views/caseManage/waitForHandle.vue b/src/views/caseManage/waitForHandle.vue
index 349ec01..915a14b 100644
--- a/src/views/caseManage/waitForHandle.vue
+++ b/src/views/caseManage/waitForHandle.vue
@@ -63,7 +63,7 @@
 import AppContainer from '@/components/layout/AppContainer'
 import CaseSearch from './caseCommon/caseSearch'
 import CaseListTable from './caseCommon/caseListTable'
-import { workList, getDeptList, getDisposalDeptList, getUserList } from '@/api/callCase'
+import { workList, getDeptList, getUserList } from '@/api/callCase'
 import { applyDelay } from '@/api/caseDelay'
 import { addReport } from '@/api/caseReport'
 
@@ -152,6 +152,7 @@
       this.$router.push({
         path: '/caseDetail/' + row.id,
         query: {
+          taskId: row.taskId,
           showProcess: true
         }
       })
@@ -218,7 +219,7 @@
     // 获取部门列表
     fetchReportDeptList() {
       this.deptSelectLoading = true
-      getDisposalDeptList().then(response => {
+      getDeptList().then(response => {
         this.reportDeptList = response.data
         this.deptSelectLoading = false
       })