|
@@ -124,70 +124,70 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
-import { defineComponent, reactive, ref, onMounted } from 'vue';
|
|
|
|
-import type { FormRules } from 'element-plus';
|
|
|
|
|
|
+// import { defineComponent, reactive, ref, onMounted } from 'vue';
|
|
|
|
+// import type { FormRules } from 'element-plus';
|
|
// import type { FormExpose } from '@/components/Form'
|
|
// import type { FormExpose } from '@/components/Form'
|
|
import { useI18n } from 'vue-i18n';
|
|
import { useI18n } from 'vue-i18n';
|
|
-import { useMessage } from '@/hooks/web/useMessage';
|
|
|
|
-import { updateDept, DeptVO, getUserDept } from '@/api/system/dept/index';
|
|
|
|
|
|
+// import { useMessage } from '@/hooks/web/useMessage';
|
|
|
|
+// import { updateDept, DeptVO, getUserDept } from '@/api/system/dept/index';
|
|
import { getDept } from '@/api/system/dept/index';
|
|
import { getDept } from '@/api/system/dept/index';
|
|
-import * as UserApi from '@/api/system/user';
|
|
|
|
|
|
+// import * as UserApi from '@/api/system/user';
|
|
// import student from './student.vue';
|
|
// import student from './student.vue';
|
|
// import teacher from './teacher.vue';
|
|
// import teacher from './teacher.vue';
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
setup() {
|
|
setup() {
|
|
const { t } = useI18n();
|
|
const { t } = useI18n();
|
|
- const message = useMessage();
|
|
|
|
|
|
+ // const message = useMessage();
|
|
const formRef = ref();
|
|
const formRef = ref();
|
|
|
|
|
|
const route = useRoute()
|
|
const route = useRoute()
|
|
console.log('route.query:', route.query);
|
|
console.log('route.query:', route.query);
|
|
const id = ref(route.query.id);
|
|
const id = ref(route.query.id);
|
|
|
|
|
|
- const form = reactive({
|
|
|
|
- id: id.value,
|
|
|
|
- supervisor: '',
|
|
|
|
- phone: '',
|
|
|
|
- email: '',
|
|
|
|
- address: '',
|
|
|
|
- name: '',
|
|
|
|
- leaderUserId: [],
|
|
|
|
- nickname: '',
|
|
|
|
- description: '',
|
|
|
|
- });
|
|
|
|
|
|
+ // const form = reactive({
|
|
|
|
+ // id: id.value,
|
|
|
|
+ // supervisor: '',
|
|
|
|
+ // phone: '',
|
|
|
|
+ // email: '',
|
|
|
|
+ // address: '',
|
|
|
|
+ // name: '',
|
|
|
|
+ // leaderUserId: [],
|
|
|
|
+ // nickname: '',
|
|
|
|
+ // description: '',
|
|
|
|
+ // });
|
|
|
|
|
|
// 表单校验规则
|
|
// 表单校验规则
|
|
- const rules = reactive<FormRules>({
|
|
|
|
- leaderUserId: [
|
|
|
|
- { required: true, message: '请选择导师名称', trigger: 'blur' }
|
|
|
|
- ],
|
|
|
|
- phone: [
|
|
|
|
- { required: true, message: '请输入负责人电话', trigger: 'blur' },
|
|
|
|
- {
|
|
|
|
- pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
|
|
|
- message: '请输入正确的手机号码',
|
|
|
|
- trigger: 'blur'
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
- email: [
|
|
|
|
- { required: true, message: '请输入邮箱', trigger: 'blur' },
|
|
|
|
- {
|
|
|
|
- type: 'email',
|
|
|
|
- message: '请输入正确的邮箱格式',
|
|
|
|
- trigger: ['blur', 'change']
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
- address: [
|
|
|
|
- { required: true, message: '请输入工作间地址', trigger: 'blur' }
|
|
|
|
- ],
|
|
|
|
- name: [
|
|
|
|
- { required: true, message: '请输入工作间名称', trigger: 'blur' }
|
|
|
|
- ],
|
|
|
|
- description: [
|
|
|
|
- { required: false, message: '请输入工作间简介', trigger: 'blur' }
|
|
|
|
- ],
|
|
|
|
- });
|
|
|
|
|
|
+ // const rules = reactive<FormRules>({
|
|
|
|
+ // leaderUserId: [
|
|
|
|
+ // { required: true, message: '请选择导师名称', trigger: 'blur' }
|
|
|
|
+ // ],
|
|
|
|
+ // phone: [
|
|
|
|
+ // { required: true, message: '请输入负责人电话', trigger: 'blur' },
|
|
|
|
+ // {
|
|
|
|
+ // pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
|
|
|
+ // message: '请输入正确的手机号码',
|
|
|
|
+ // trigger: 'blur'
|
|
|
|
+ // }
|
|
|
|
+ // ],
|
|
|
|
+ // email: [
|
|
|
|
+ // { required: true, message: '请输入邮箱', trigger: 'blur' },
|
|
|
|
+ // {
|
|
|
|
+ // type: 'email',
|
|
|
|
+ // message: '请输入正确的邮箱格式',
|
|
|
|
+ // trigger: ['blur', 'change']
|
|
|
|
+ // }
|
|
|
|
+ // ],
|
|
|
|
+ // address: [
|
|
|
|
+ // { required: true, message: '请输入工作间地址', trigger: 'blur' }
|
|
|
|
+ // ],
|
|
|
|
+ // name: [
|
|
|
|
+ // { required: true, message: '请输入工作间名称', trigger: 'blur' }
|
|
|
|
+ // ],
|
|
|
|
+ // description: [
|
|
|
|
+ // { required: false, message: '请输入工作间简介', trigger: 'blur' }
|
|
|
|
+ // ],
|
|
|
|
+ // });
|
|
|
|
|
|
// 将 userInfo 定义放入 setup 中
|
|
// 将 userInfo 定义放入 setup 中
|
|
const userInfo = ref({} as DeptVO);
|
|
const userInfo = ref({} as DeptVO);
|
|
@@ -199,32 +199,32 @@ export default defineComponent({
|
|
};
|
|
};
|
|
|
|
|
|
//获取工作间下的导师
|
|
//获取工作间下的导师
|
|
- const users = ref()
|
|
|
|
- const getDeptsupervisor = async (id) => {
|
|
|
|
- try {
|
|
|
|
- const response = await UserApi.getDeptsupervisor(id.value)
|
|
|
|
- users.value = response
|
|
|
|
- console.log('工作间下导师信息:', users.value);
|
|
|
|
- } catch (error) {
|
|
|
|
- console.error('Error fetching user data:', error)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- //传supervisorId给form.leaderUserId
|
|
|
|
- const handleSupervisorChange = (values) => {
|
|
|
|
- form.leaderUserId = values; // values 是选择的用户ID数组
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-const isEditMode = ref(false);
|
|
|
|
|
|
+ // const users = ref()
|
|
|
|
+ // const getDeptsupervisor = async (id) => {
|
|
|
|
+ // try {
|
|
|
|
+ // const response = await UserApi.getDeptsupervisor(id.value)
|
|
|
|
+ // users.value = response
|
|
|
|
+ // console.log('工作间下导师信息:', users.value);
|
|
|
|
+ // } catch (error) {
|
|
|
|
+ // console.error('Error fetching user data:', error)
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ // //传supervisorId给form.leaderUserId
|
|
|
|
+ // const handleSupervisorChange = (values) => {
|
|
|
|
+ // form.leaderUserId = values; // values 是选择的用户ID数组
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+// const isEditMode = ref(false);
|
|
|
|
|
|
// 切换编辑模式
|
|
// 切换编辑模式
|
|
-const toggleEditMode = () => {
|
|
|
|
- if (isEditMode.value) {
|
|
|
|
- // 在“保存”状态下执行保存操作
|
|
|
|
- submit();
|
|
|
|
- }
|
|
|
|
- isEditMode.value = !isEditMode.value;
|
|
|
|
-};
|
|
|
|
|
|
+// const toggleEditMode = () => {
|
|
|
|
+// if (isEditMode.value) {
|
|
|
|
+// // 在“保存”状态下执行保存操作
|
|
|
|
+// submit();
|
|
|
|
+// }
|
|
|
|
+// isEditMode.value = !isEditMode.value;
|
|
|
|
+// };
|
|
|
|
|
|
// 创建一个 computed 属性来处理并去掉 <p> 标签
|
|
// 创建一个 computed 属性来处理并去掉 <p> 标签
|
|
const cleanedDescription = computed(() => {
|
|
const cleanedDescription = computed(() => {
|
|
@@ -243,60 +243,60 @@ const toggleEditMode = () => {
|
|
});
|
|
});
|
|
|
|
|
|
// 表单提交
|
|
// 表单提交
|
|
- const submit = async () => {
|
|
|
|
- try {
|
|
|
|
- await formRef.value?.validate();
|
|
|
|
- console.log('提交的数据:', form);
|
|
|
|
- await updateDept(form).then((res) => {
|
|
|
|
- console.log('更新成功:', res);
|
|
|
|
- });
|
|
|
|
- message.success('成功');
|
|
|
|
- } catch (error) {
|
|
|
|
- console.error('提交错误:', error);
|
|
|
|
- message.error('错误');
|
|
|
|
- }
|
|
|
|
- };
|
|
|
|
|
|
+ // const submit = async () => {
|
|
|
|
+ // try {
|
|
|
|
+ // await formRef.value?.validate();
|
|
|
|
+ // console.log('提交的数据:', form);
|
|
|
|
+ // await updateDept(form).then((res) => {
|
|
|
|
+ // console.log('更新成功:', res);
|
|
|
|
+ // });
|
|
|
|
+ // message.success('成功');
|
|
|
|
+ // } catch (error) {
|
|
|
|
+ // console.error('提交错误:', error);
|
|
|
|
+ // message.error('错误');
|
|
|
|
+ // }
|
|
|
|
+ // };
|
|
|
|
|
|
|
|
|
|
// 表单重置
|
|
// 表单重置
|
|
- const init = async () => {
|
|
|
|
- const res = await getDept(id.value);
|
|
|
|
- console.log('获取的数据:', res);
|
|
|
|
- form.id = res.id;
|
|
|
|
- form.address = res.address;
|
|
|
|
- form.supervisor = res.user.nickname;
|
|
|
|
- form.phone = res.phone;
|
|
|
|
- form.email = res.email;
|
|
|
|
- form.name = res.name;
|
|
|
|
- form.leaderUserId = res.user.id;
|
|
|
|
- form.description = res.description;
|
|
|
|
- userInfo.value = res.user;
|
|
|
|
- };
|
|
|
|
|
|
+ // const init = async () => {
|
|
|
|
+ // const res = await getDept(id.value);
|
|
|
|
+ // console.log('获取的数据:', res);
|
|
|
|
+ // form.id = res.id;
|
|
|
|
+ // form.address = res.address;
|
|
|
|
+ // form.supervisor = res.user.nickname;
|
|
|
|
+ // form.phone = res.phone;
|
|
|
|
+ // form.email = res.email;
|
|
|
|
+ // form.name = res.name;
|
|
|
|
+ // // form.leaderUserId = res.user.id;
|
|
|
|
+ // form.description = res.description;
|
|
|
|
+ // userInfo.value = res.user;
|
|
|
|
+ // };
|
|
|
|
|
|
onMounted(async () => {
|
|
onMounted(async () => {
|
|
- await init();
|
|
|
|
|
|
+ // await init();
|
|
// await fetchUserInfo(form.id);
|
|
// await fetchUserInfo(form.id);
|
|
if (id.value) {
|
|
if (id.value) {
|
|
await fetchUserInfo(id.value); // 传入获取到的 ID
|
|
await fetchUserInfo(id.value); // 传入获取到的 ID
|
|
}
|
|
}
|
|
// const response = await UserApi.getDeptsupervisor(id.value)
|
|
// const response = await UserApi.getDeptsupervisor(id.value)
|
|
// users.value = response
|
|
// users.value = response
|
|
- getDeptsupervisor(id);
|
|
|
|
|
|
+ // getDeptsupervisor(id);
|
|
});
|
|
});
|
|
|
|
|
|
return {
|
|
return {
|
|
t,
|
|
t,
|
|
- form,
|
|
|
|
|
|
+ // form,
|
|
userInfo,
|
|
userInfo,
|
|
- isEditMode,
|
|
|
|
- toggleEditMode,
|
|
|
|
- submit,
|
|
|
|
- init,
|
|
|
|
- rules,
|
|
|
|
|
|
+ // isEditMode,
|
|
|
|
+ // toggleEditMode,
|
|
|
|
+ // submit,
|
|
|
|
+ // init,
|
|
|
|
+ // rules,
|
|
formRef,
|
|
formRef,
|
|
- users,
|
|
|
|
- handleSupervisorChange,
|
|
|
|
- getDeptsupervisor,
|
|
|
|
|
|
+ // users,
|
|
|
|
+ // handleSupervisorChange,
|
|
|
|
+ // getDeptsupervisor,
|
|
cleanedDescription,
|
|
cleanedDescription,
|
|
extractedImages,
|
|
extractedImages,
|
|
|
|
|