间隔

src/layout/header/head-com.vue

@@ -48,8 +48,8 @@ export default defineComponent({
       const dutyHallLeader = `值班厅领导：${store.state.app.dutyInfo?.dutyHallLeader ? store.state.dictionary.dutyHallLeaderMap.get(store.state.app.dutyInfo.dutyHallLeader) : '无'}`
       const totalClass = `总值班：${store.state.app.dutyInfo?.totalClass ? store.state.dictionary.totalClassMap.get(store.state.app.dutyInfo.totalClass) : '无'}`
       const shiftLeader = `带班领导：${store.state.app.dutyInfo?.shiftLeader ? store.state.dictionary.shiftLeaderMap.get(store.state.app.dutyInfo.shiftLeader) : '无'}`
-      const dutyPerson = `值班员：${store.state.app.dutyInfo?.dutyPerson ? store.state.app.dutyInfo.dutyPerson.split(',').map(v => store.state.dictionary.dutyPersonMap.get(v)) : '无'}`
-      str += `${dutyHallLeader}   ${totalClass}   ${shiftLeader}   ${dutyPerson}`
+      const dutyPerson = `值班员：${store.state.app.dutyInfo?.dutyPerson ? store.state.app.dutyInfo.dutyPerson.split(',').map(v => store.state.dictionary.dutyPersonMap.get(v)).join('、') : '无'}`
+      str += `${dutyHallLeader} ${totalClass}   ${shiftLeader}   ${dutyPerson}`
       return str
     })
     const currentDateCpt = computed(() => {
@@ -126,6 +126,7 @@ export default defineComponent({
       width: 30%;
       margin-left: 30px;
       height: fit-content;
+      word-spacing: 16px;
     }
     .head-com-right {
       margin-right: 30px;