1

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" width="100%" multiple />
         </el-form-item>
         <el-form-item label="分管领导" prop="leader_id">
           <user-picker v-model="form.leader_id" width="100%" />

src/views/system/department.vue

@@ -22,9 +22,12 @@
       >
         <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="{}">
+        <vxe-column field="manager" 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="{}">
@@ -46,7 +49,7 @@
           </template>
         </vxe-column>
         <vxe-column field="sortnumber" width="80" title="排序" align="center" :edit-render="{ name: 'input', attrs: { type: 'number' } }" />
-        <vxe-column field="operate" title="操作" min-width="220">
+        <vxe-column field="operate" title="操作" min-width="220" fixed="right">
           <template #default="{ row }">
             <template v-if="isActiveStatus(row)">
               <el-button size="small" type="primary" @click="saveRowEvent(row)">保存</el-button>