祖安之光
2025-12-09 80e7021412dedf9d1be7c090e52d37d90c61754c
src/views/work/onlineEducation/offlineEducation/components/recordDialog.vue
@@ -9,7 +9,7 @@
        :close-on-click-modal="false"
    >
      <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="180px" >
        <el-form-item label="企业名称:" v-if="state.isAdmin"  prop="companyId">
        <el-form-item label="单位名称:" v-if="state.isAdmin"  prop="companyId">
          <el-select v-model="state.form.companyId" filterable placeholder="请选择" :disabled="state.title == '查看' || state.title == '编辑' || !state.isAdmin" clearable  @change="selectValueCom"  style="width:100%">
            <el-option
                v-for="item in state.companyList"
@@ -20,7 +20,21 @@
          </el-select>
        </el-form-item>
        <el-form-item label="计划名称:"  prop="planName" >
          <el-input v-model.trim="state.form.planName" placeholder="请输入计划名称"></el-input>
<!--          <el-input v-model.trim="state.form.planName" placeholder="请输入计划名称"></el-input>-->
          <el-select
              clearable
              v-model="state.form.planName"
              :disabled="state.title =='查看'"
              filterable
              style="width: 100%"
          >
            <el-option
                v-for="item in state.planList"
                :key="item.id"
                :label="item.name"
                :value="item.trainName"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="学员:"  prop="studentId" >
          <el-select
@@ -58,6 +72,15 @@
          </el-select>
<!--          <el-input v-model.trim="state.form.level" :disabled="disabled" placeholder="请输入培训等级" ></el-input>-->
        </el-form-item>
        <el-form-item label="日期:"  prop="planDate" >
          <el-date-picker
              v-model="state.form.planDate"
              type="date"
              placeholder="请选择日期"
              value-format="YYYY-MM-DD"
              style="width: 100%"
          />
        </el-form-item>
<!--        <el-form-item label="要求课时(分):"  prop="period" >-->
<!--          <el-input v-model.trim="state.form.period"-->
<!--                    @input="state.form.period = state.form.period-->
@@ -89,7 +112,7 @@
<!--          </el-radio-group>-->
<!--        </el-form-item>-->
        <el-form-item label="培训记录:"  prop="passed" >
          <el-upload accept=".jpg,.jpeg,.png,.doc,.docx,.pdf,.xls,xlsx,ppt,pptx" style="width: 100%" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip"  v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" >
          <el-upload accept=".jpg,.jpeg,.png,.doc,.docx,.pdf,.xls,.xlsx,.ppt,.pptx" style="width: 100%" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip"  v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" >
            <el-button type="primary">点击上传</el-button>
<!--            <template #tip>-->
<!--              <div class="el-upload__tip">尺寸小于5M,最多可上传1份</div>-->
@@ -122,6 +145,7 @@
import {delPic} from "@/api/onlineEducation/banner";
import {getToken} from "@/utils/auth";
import {getUser} from "@/api/onlineEducation/user";
import {getTrainPlanPage} from "@/api/onlineEducation/trainPlan";
const emit = defineEmits(["getList"]);
const dialogVisible = ref(false)
@@ -149,15 +173,17 @@
    studentName: '',
    courseName: '',
    companyId: null,
    planDate:null,
    files: []
  },
  formRules:{
    companyId: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
    companyId: [{ required: true, message: '请输入单位名称', trigger: 'blur' }],
    planName: [{ required: true, message: '请输入计划名称', trigger: 'blur' }],
    studentId: [{ required: true, message: '请选择学员', trigger: 'blur' }],
    level: [{ required: true, message: '请输入培训等级', trigger: 'blur' }],
    courseName: [{ required: true, message: '请输入课程名称', trigger: 'blur' }],
    planDate: [{ required: true, message: '请选择日期', trigger: 'blur' }],
  },
  isAdmin: false,
  studentList: [],
@@ -184,7 +210,8 @@
  header: {
    Authorization: getToken()
  },
  students: []
  students: [],
  planList: []
})
onMounted(() => {
@@ -228,6 +255,7 @@
    state.form.id = value.id
  }
  await   getPeopleList()
  await getPlanList()
  dialogVisible.value = true
}
const onSubmit = async () => {
@@ -284,7 +312,8 @@
    passed: 0,
    studentName: '',
    courseName: '',
    companyId: null
    companyId: null,
    planDate:null,
  }
  state.companyPageNum = 1;
@@ -346,6 +375,23 @@
    ElMessage.warning(res.message)
  }
};
const getPlanList = async ()=> {
  if(state.isAdmin && !state.form.companyId && (state.form.companyId == 0 || state.form.companyId == null)){
    return
  }
  const queryParams = {
    pageNum: 1,
    pageSize: 9999,
    companyId: state.form.companyId
  }
  const res = await getTrainPlanPage(queryParams);
  if(res.code === 200){
    state.planList = res.data.list
  }else{
    ElMessage.warning(res.message)
  }
};
const handleScrollStu = () => {
  console.log(' student',state.hasMoreStu);
  if(state.stuPageNum >= state.hasMoreStu) return
@@ -452,7 +498,10 @@
const selectValueCom = (val) => {
  state.students = []
  state.form.studentId = null
  state.planList = []
  state.form.planName = ''
  getPeopleList()
  getPlanList()
}