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/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/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/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/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/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/workReportList.vue b/src/views/caseManage/caseReportManage/workReportList.vue
index fe688b1..6639c0a 100644
--- a/src/views/caseManage/caseReportManage/workReportList.vue
+++ b/src/views/caseManage/caseReportManage/workReportList.vue
@@ -257,7 +257,7 @@
     // 获取部门列表
     fetchReportDeptList() {
       this.deptSelectLoading = true
-      getDisposalDeptList().then(response => {
+      getDeptList().then(response => {
         this.reportDeptList = response.data
         this.deptSelectLoading = false
       })

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/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/workReportList.vue b/src/views/caseManage/caseReportManage/workReportList.vue
index fe688b1..6639c0a 100644
--- a/src/views/caseManage/caseReportManage/workReportList.vue
+++ b/src/views/caseManage/caseReportManage/workReportList.vue
@@ -257,7 +257,7 @@
     // 获取部门列表
     fetchReportDeptList() {
       this.deptSelectLoading = true
-      getDisposalDeptList().then(response => {
+      getDeptList().then(response => {
         this.reportDeptList = response.data
         this.deptSelectLoading = false
       })
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
       })