|
@@ -6,109 +6,89 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-card> -->
|
|
|
- <div class="flex">
|
|
|
- <el-card class="workspace-info w-1/3">
|
|
|
- <template #header>
|
|
|
- <div class="card-header">
|
|
|
- <span>工作间信息</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <ul class="user-info">
|
|
|
- <li class="info-item">
|
|
|
- <Icon class="mr-5px" icon="ep:user" />
|
|
|
- <span class="info-label">负责人名称:</span>
|
|
|
- <span class="pull-right">{{ userInfo.user?.map(user => user.nickname).join(', ') }}</span>
|
|
|
- </li>
|
|
|
+ <div>
|
|
|
+ <div class="flex mb-3">
|
|
|
+ <el-card class="workspace-info w-1/3">
|
|
|
+ <template #header>
|
|
|
+ <div class="card-header">
|
|
|
+ <span>工作间信息</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <ul class="user-info">
|
|
|
+ <li class="info-item">
|
|
|
+ <Icon class="mr-5px" icon="ep:user" />
|
|
|
+ <span class="info-label">负责人名称:</span>
|
|
|
+ <span class="pull-right">{{ userInfo.user?.map(user => user.nickname).join(', ') }}</span>
|
|
|
+ </li>
|
|
|
+ <li class="info-item">
|
|
|
+ <Icon class="mr-5px" icon="fontisto:email" />
|
|
|
+ <span class="info-label">邮箱:</span>
|
|
|
+ <span class="pull-right">{{ userInfo.email }}</span>
|
|
|
+ </li>
|
|
|
+ <li class="info-item">
|
|
|
+ <Icon class="mr-5px" icon="ep:phone" />
|
|
|
+ <span class="info-label">联系电话:</span>
|
|
|
+ <span class="pull-right">{{ userInfo.phone }}</span>
|
|
|
+ </li>
|
|
|
+ <li class="info-item">
|
|
|
+ <Icon class="mr-5px" icon="fontisto:email" />
|
|
|
+ <span class="info-label">导师人数:</span>
|
|
|
+ <span class="pull-right">{{ userInfo.supervisorNum }}</span>
|
|
|
+ </li>
|
|
|
+ <li class="info-item">
|
|
|
+ <Icon class="mr-5px" icon="ep:user" />
|
|
|
+ <span class="info-label">学生人数:</span>
|
|
|
+ <span class="pull-right">{{ userInfo.studentNum }}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </el-card>
|
|
|
|
|
|
-
|
|
|
- <li class="info-item">
|
|
|
- <Icon class="mr-5px" icon="fontisto:email" />
|
|
|
- <span class="info-label">工作室邮箱:</span>
|
|
|
- <span class="pull-right">{{ userInfo.email }}</span>
|
|
|
- </li>
|
|
|
- <li class="info-item">
|
|
|
- <Icon class="mr-5px" icon="ep:phone" />
|
|
|
- <span class="info-label">工作室号码:</span>
|
|
|
- <span class="pull-right">{{ userInfo.phone }}</span>
|
|
|
- </li>
|
|
|
- <li class="info-item">
|
|
|
- <Icon class="mr-5px" icon="fontisto:email" />
|
|
|
- <span class="info-label">导师人数:</span>
|
|
|
- <span class="pull-right">{{ userInfo.supervisorNum }}</span>
|
|
|
- </li>
|
|
|
- <li class="info-item">
|
|
|
- <Icon class="mr-5px" icon="ep:user" />
|
|
|
- <span class="info-label">学生人数:</span>
|
|
|
- <span class="pull-right">{{ userInfo.studentNum }}</span>
|
|
|
- </li>
|
|
|
- <!-- <li class="info-item" v-for="(url, index) in userAchievements.value.datil" :key="index">
|
|
|
- <Icon class="mr-5px" icon="fontisto:email" />
|
|
|
- <span class="info-label">成果展示:</span>
|
|
|
- <span class="pull-right">{{ userInfo.achievement }}</span>
|
|
|
- <img :src="url" alt="成就展示图片" class="user-image" />
|
|
|
- </li> -->
|
|
|
- </ul>
|
|
|
- </el-card>
|
|
|
- <el-card class="workspace-info ml-3 w-2/3">
|
|
|
- <template #header>
|
|
|
- <div class="card-header">
|
|
|
- <span>{{ userInfo.name }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <el-form ref="formRef" :model="form" label-width="100px" :rules="rules" style="margin-left: 5%; margin-right: 5%;;">
|
|
|
- <!-- <el-form-item>
|
|
|
- <template #label>
|
|
|
- <span style="font-weight: bold;">负责人信息</span>
|
|
|
- </template>
|
|
|
- <span style="font-weight: bold;">------</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="负责人名称" prop="leaderUserId">
|
|
|
- <el-select
|
|
|
- v-model="form.leaderUserId"
|
|
|
- @change="handleSupervisorChange"
|
|
|
- placeholder="请选择负责人"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- multiple
|
|
|
- :disabled="!isEditMode"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="user in users"
|
|
|
- :key="user.id"
|
|
|
- :label="user.nickname"
|
|
|
- :value="user.id"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item>
|
|
|
- <template #label>
|
|
|
- <span style="font-weight: bold;">工作间信息</span>
|
|
|
- </template>
|
|
|
- <span style="font-weight: bold;">------</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工作室号码" prop="phone">
|
|
|
- <el-input v-model="form.phone" :disabled="!isEditMode"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工作室邮箱" prop="email">
|
|
|
- <el-input v-model="form.email" :disabled="!isEditMode"/>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="工作间地址" prop="address">
|
|
|
- <el-input v-model="form.address" :disabled="!isEditMode"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工作间名称" prop="name">
|
|
|
- <el-input v-model="form.name" :disabled="!isEditMode"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工作间简介" prop="description">
|
|
|
- <el-input type="textarea" v-model="form.description" :disabled="!isEditMode"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="toggleEditMode">{{ isEditMode ? '保存' : '修改' }}</el-button>
|
|
|
- <!-- <el-button type="primary" @click="submit">保存</el-button> -->
|
|
|
- <!-- <el-button type="danger" @click="init">重置</el-button> -->
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-card>
|
|
|
+ <el-card class="workspace-info ml-3 w-2/3">
|
|
|
+ <template #header>
|
|
|
+ <div class="card-header">
|
|
|
+ <span>{{ userInfo.name }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <el-form ref="formRef" :model="form" label-width="100px" :rules="rules" style="margin-left: 5%; margin-right: 5%;">
|
|
|
+ <el-form-item label="联系电话" prop="phone">
|
|
|
+ <el-input v-model="form.phone" :disabled="!isEditMode"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱" prop="email">
|
|
|
+ <el-input v-model="form.email" :disabled="!isEditMode"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工作间地址" prop="address">
|
|
|
+ <el-input v-model="form.address" :disabled="!isEditMode"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工作间名称" prop="name">
|
|
|
+ <el-input v-model="form.name" :disabled="!isEditMode"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工作间简介" prop="description">
|
|
|
+ <el-input type="textarea" v-model="form.description" :disabled="!isEditMode"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="toggleEditMode">{{ isEditMode ? '保存' : '修改' }}</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ <div class="flex flex-col">
|
|
|
+ <el-card class="teacher-info w-full">
|
|
|
+ <template #header>
|
|
|
+ <div class="card-header">
|
|
|
+ <span>导师信息</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <teacher />
|
|
|
+ </el-card>
|
|
|
+ <el-card class="student-info w-full mb-3">
|
|
|
+ <template #header>
|
|
|
+ <div class="card-header">
|
|
|
+ <span>学生信息</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <student />
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -121,6 +101,8 @@ import { useMessage } from '@/hooks/web/useMessage';
|
|
|
import { updateDept, DeptVO, getUserDept } from '@/api/system/dept/index';
|
|
|
import { getDept } from '@/api/system/dept/index';
|
|
|
import * as UserApi from '@/api/system/user';
|
|
|
+// import student from './student.vue';
|
|
|
+// import teacher from './teacher.vue';
|
|
|
|
|
|
export default defineComponent({
|
|
|
setup() {
|
|
@@ -185,21 +167,21 @@ export default defineComponent({
|
|
|
// name: users.user[0].nickname // 提取 nickname
|
|
|
};
|
|
|
|
|
|
- //获取所有导师
|
|
|
-const users = ref()
|
|
|
-const getSupervisor= async () => {
|
|
|
- try {
|
|
|
- const response = await UserApi.getSupervisor()
|
|
|
- users.value = response
|
|
|
- } catch (error) {
|
|
|
- console.error('Error fetching user data:', error)
|
|
|
- }
|
|
|
-}
|
|
|
+// //获取工作间下的导师
|
|
|
+// const users = ref()
|
|
|
+// const getDeptsupervisor= async (id) => {
|
|
|
+// try {
|
|
|
+// const response = await UserApi.getDeptsupervisor(id)
|
|
|
+// users.value = response
|
|
|
+// } catch (error) {
|
|
|
+// console.error('Error fetching user data:', error)
|
|
|
+// }
|
|
|
+// }
|
|
|
|
|
|
-//传supervisorId给form.leaderUserId
|
|
|
-const handleSupervisorChange = (values) => {
|
|
|
- form.leaderUserId = values; // values 是选择的用户ID数组
|
|
|
-}
|
|
|
+// //传supervisorId给form.leaderUserId
|
|
|
+// const handleSupervisorChange = (values) => {
|
|
|
+// form.leaderUserId = values; // values 是选择的用户ID数组
|
|
|
+// }
|
|
|
|
|
|
const isEditMode = ref(false);
|
|
|
|
|
@@ -249,7 +231,7 @@ const toggleEditMode = () => {
|
|
|
if (id.value) {
|
|
|
await fetchUserInfo(id.value); // 传入获取到的 ID
|
|
|
}
|
|
|
- getSupervisor();
|
|
|
+ // getDeptsupervisor(id);
|
|
|
});
|
|
|
|
|
|
return {
|
|
@@ -262,9 +244,9 @@ const toggleEditMode = () => {
|
|
|
init,
|
|
|
rules,
|
|
|
formRef,
|
|
|
- users,
|
|
|
- handleSupervisorChange,
|
|
|
- getSupervisor,
|
|
|
+ // users,
|
|
|
+ // handleSupervisorChange,
|
|
|
+ // getDeptsupervisor,
|
|
|
};
|
|
|
}
|
|
|
});
|