科长多选

src/views/system/components/AddDepartment.vue

@@ -28,7 +28,7 @@
           />
         </el-form-item>
         <el-form-item label="科室负责人" prop="manager_id">
-          <user-picker v-model="form.manager_id" width="100%" />
+          <user-picker v-model="form.manager_id" multiple width="100%" />
         </el-form-item>
         <el-form-item label="分管领导" prop="leader_id">
           <user-picker v-model="form.leader_id" width="100%" />

src/views/system/department.vue

@@ -23,8 +23,11 @@
         <vxe-column type="seq" width="58" align="center" />
         <vxe-column field="name" width="160" title="部门名称" :edit-render="{ name: 'input', attrs: { type: 'text'} }" />
         <vxe-column field="manager.name" width="180" title="科室负责人" :edit-render="{}">
+          <template #default="{ row }">
+            <span v-if="row.manager && row.manager instanceof Array">{{ row.manager.map(i => i.name).toString() }}</span>
+          </template>
           <template #edit="{ row }">
-            <user-picker v-model="row.manager_id" size="small" />
+            <user-picker :value="row.manager_id ? (row.manager_id+'').split(',').map(i => Number(i)) : []" multiple size="small" @input="e => row.manager_id = e.toString()" />
           </template>
         </vxe-column>
         <vxe-column field="leader.name" width="180" title="分管领导" :edit-render="{}">