体系调整

src/components/project/ImageUpload.vue

@@ -0,0 +1,125 @@
+<template>  
+    <div>  
+      <input type="file" @change="handleFileUpload" />  
+      <img :src="avatarUrl" alt="Avatar" v-if="avatarUrl" />  
+    </div>  
+  </template>  
+    
+  <script>  
+  export default {  
+    data() {  
+      return {  
+        avatarUrl: '' // 存储头像的 URL（Base64 编码或服务器 URL）  
+      };  
+    },  
+    methods: {  
+      handleFileUpload(event) {  
+        const file = event.target.files[0]; // 获取用户选择的文件  
+        if (!file) return;  
+    
+        // 创建一个 FileReader 实例  
+        const reader = new FileReader();  
+    
+        // 读取文件内容，并在读取完成后设置 img 的 src  
+        reader.onload = (e) => {  
+          this.avatarUrl = e.target.result; // e.target.result 是 Base64 编码的字符串  
+        };  
+    
+        // 读取文件内容（作为 DataURL）  
+        reader.readAsDataURL(file);  
+    
+        // 如果你需要上传文件到服务器，可以在这里添加代码  
+        // 例如，使用 Axios 发送 POST 请求到服务器  
+      }  
+    }  
+  };  
+  </script> 
+  <!-- <template>
+    <a-upload
+        :file-list="files"
+        :action="FILE_UPLOAD_URL"
+        :show-upload-list="showUploadList"
+        :multiple="multiple"
+        :before-upload="beforeUpload"
+        :headers="headers"
+        @change="handleChange"
+        ref="imageRef"
+    >
+      <template v-for="(_, key, index) in $slots" :key="index" v-slot:[key]>
+        <slot :name="key"></slot>
+      </template>
+    </a-upload>
+  </template>
+  <script setup> 
+  import {defineProps, defineEmits, defineExpose, ref, watch} from "vue";
+  import {message} from "ant-design-vue";
+  import {FILE_UPLOAD_URL} from "@/api/config";
+  import {getCookieForName} from "@/api/method";
+  
+  const props = defineProps({
+    value: {
+      type: Array,
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      default: fals
+    },
+    showUploadList: {
+      type: Boolean,
+      default: false
+    },
+    fileType: {
+      type: Array,
+      default: () => []
+    }
+  })
+  
+  const emit = defineEmits({})
+  
+  const files = ref([])
+  const imageRef = ref()
+  const headers = { token: getCookieForName("token") };
+  watch(props, () => {
+    props.value.length !== files.value.length && (files.value = props.value)
+  })
+  
+  function handleChange({file, fileList}) {
+    file.response && file.response.code === 200 && (file.url = file.response.data)
+    files.value = fileList
+    emit('update:value', fileList)
+  }
+  
+  function beforeUpload(file) {
+    if (!props.fileType.includes(file.name.split(".").slice(-1).join(''))) {
+      message.error(
+          "不支持该格式"
+      );
+      return false;
+    }
+  }
+  
+  function remove(i) {
+    files.value.splice(i, 1)
+    emit('update:value', files.value)
+  }
+  
+  function reUpload(i) {
+    if (files.value[i].status === 'ready' || files.value[i].status === 'uploading') {
+      imageRef.value.abort(files.value[i].raw)
+      files.value[i].status = 'abort';
+    } else if (files.value[i].status === 'fail' || files.value[i].status === 'abort') {
+      imageRef.value.handleStart(files.value[i].raw)
+      imageRef.value.submit()
+    }
+  }
+  
+  function abort(i) {
+    imageRef.value.abort(files.value[i].raw)
+  }
+  
+  
+  defineExpose({reUpload, remove, abort})
+  
+  </script> -->
+  

src/components/project/SearchTeacher.vue

@@ -74,8 +74,20 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  newlable:{
+    type: String,
+    default: '',
+  },
+  system:{
+    type: String,
+    default: '',
+  },
+  level:{
+    type: String,
+    default: '',
+  },
 })
-const emit = defineEmits(['update:value','update:lable'])
+const emit = defineEmits(['update:value','update:lable','update:system','update:level','update:newlable'])
 const visible = ref(false);
 watch(()=>props.value,(val)=>{
   if(val){
@@ -93,12 +105,22 @@ function blur() {
   isOpen.value = false
 }
 const orgName = ref('')
+const systemName = ref('')
+const levelName = ref('')
+const neworgName = ref('')
 const handleChange = (e,l) => {
   console.log(e,l,'handlechange');
   isOpen.value = false
   // emit('update:value',e)
   teacherName.value = e
   orgName.value = l.orgName
+  systemName.value = l.systemName
+  levelName.value = l.levelName
+  if( l.orgName !==null ){
+          neworgName.value= orgName.value.split('/')
+          neworgName.value=  neworgName.value[ neworgName.value.length-1]
+        } 
+  console.log(neworgName,'handlechange');
 };
 function debounce(func, wait) {
   let timeout;
@@ -129,8 +151,12 @@ const searchMember = (keyword) => {
         return {
           value: item.realName,
           label: item.realName+'('+item.userNo+')'+item.orgName,
+          system: item.realName+'('+item.userNo+')'+item.systemName,
+          level: item.realName+'('+item.userNo+')'+item.levelName,
           key: item.id,
-          orgName: item.orgName
+          orgName: item.orgName,
+          systemName:item.systemName,
+          levelName:item.levelName
         }
       })
     }else{
@@ -188,9 +214,13 @@ function stuStuOrgSelect(e, {selected: bool, selectedNodes, node, event}) {
   console.log(selectedNodes)
   teacherName.value = ''
   orgName.value = ''
+  systemName.value = ''
+  levelName.value = ''
   if(selectedNodes[0].isLeaf){
     teacherName.value = selectedNodes[0].name
     orgName.value = selectedNodes[0].orgName
+    systemName.value = selectedNodes[0].systemName
+    levelName.value = selectedNodes[0].levelName
     // emit('update:value',selectedNodes[0].realName)
   }
 }
@@ -200,22 +230,39 @@ watch(()=>visible.value,(val)=>{
     stuTreeExpandedKeys.value = []
     teacherName.value = ''
     orgName.value = ''
+    systemName.value = ''
+    levelName.value = ''
+    neworgName.value=''
     selectName.value = null
+    // changeneworg()
   }
 })
 const notChange = () => {
   visible.value = false
   teacherName.value = ''
   orgName.value = ''
+  systemName.value = ''
+    levelName.value = ''
+  neworgName.value=''
 }
 const changeOut = () => {
   if(!teacherName.value){
     message.error('请选择讲师')
     return
   }
+  const neworgName = ref('')
+  // const changeneworg= ()=>{
+  //   if( orgName !==null ){
+  //             neworgName=orgName.split('/')
+              
+  //             neworgName= neworgName[neworgName.length-1]
+  // }
   selectData.value = teacherName.value
   emit('update:value',teacherName.value)
   emit('update:lable',orgName.value)
+  emit('update:system',systemName.value)
+  emit('update:level',levelName.value)
+  emit('update:newlable',neworgName.value)
   notChange()
 }
 </script>