tropsCode/src/components/MultipleItem/index.vue

<template>
  <div>
    <div>{{ area }}</div>
    <div><el-avatar :src="faceCheckStu.logo_url || faceCheckStu.face_pic" @click="getChooseStudent" /></div>
    <div>{{ faceCheckStu.name }}</div>
    <div>成绩：{{ currentResultObj.count }} {{ unit }}</div>
    <div>得分：{{ currentResultObj.score }}</div>
    <div>
      <div v-if="['jumprope'].includes(project)">中断</div>
      <div v-else>犯规</div>
      <div>{{ currentResultObj.back_num }}</div>
    </div>
    <div v-if="backReason.length">
      <div>违规项</div>
      <div v-for="(item, index) in backReason" :key="index">{{ item }}</div>
    </div>
    <div>当前状态：({{ examState == 3 ? "初始化完成" : examState == 40 ? "创建测试" : examState == 41 ? "正在人脸识别"
      :
      examState ==
        43 ? "停止人脸识别" : examState == 42 ? "正在测试" : "请初始化" }})</div>
    <div @click="getChooseStudent" v-if="examState == 41 || (examState == 43 && !faceCheckStu.student_id)">选择学生</div>
    <div @click="getRetestFace" v-if="examState == 43">重新识别</div>
    <ChooseStudent ref="chooseStudentRef" @returnData="returnStudent" />
  </div>
</template>

<script setup lang="ts">
import { initSpeech, speckText, speckCancel, chineseNumber } from '@/utils/speech'
import { openOneTest, startFace, stopFace, faceConfirmOnly, startOneTest, finishOneTest, closeOneTest, suspendFaceRecognitionChannels, resumeFaceRecognitionChannels } from '@/utils/ws'
import dataDictionary from "@/utils/dataDictionary"
const route = useRoute();
const { proxy } = getCurrentInstance() as any;
const chooseStudentRef = ref();
const emit = defineEmits(['returnData']);

//父值
const props = defineProps({
  area: {
    type: String,
    default: ""
  },
  examState: {
    type: Number,
    default: ""
  },
  needStart: {
    type: Boolean,
    default: false
  },
});


let project: any = route.query.project;
let area: any = props.area;
let examId: string = `${project}_${area}`; //项目+区

const data = reactive<any>({
  examState: 0,//当前状态
  resultId: null,//测试ID
  currentResultObj: {},//成绩
  faceCheckStu: {},//人脸信息
  unit: "",//单位
  backReason: [],//犯规项
});
const { examState, resultId, faceCheckStu, currentResultObj, unit, backReason } = toRefs(data);

/**
 * 接收消息
*/
const getMessage = (e: any) => {
  //console.log("WS响应：", e)
  //实时状态
  if (e.cmd === 'exam_status') {
    examState.value = e.data;
  }
  //工作站状态
  if (e.cmd === 'init_result') {

  }
  //测试违规
  if (e.cmd === 'warning_result') {

  }
  //后端播报语音
  if (e.cmd === 'return_audio_msg') {

  }
  //错误提示
  if (e.cmd === 'info_result') {
    proxy?.$modal.msgError(e.data.message);
  }
  //错误提示
  if (e.cmd === 'error_result') {
    proxy?.$modal.msgError(e.data.message);
  }
  //测试中违规提示
  if (e.cmd === 'warning_notify') {

  }
  //断线状态
  if (e.cmd === 'disconnect_request') {
    if (e.data.message) {
      speckText(e.data.message);
    }
  }
  //状态变更
  if (e.cmd === 'set_exam_state') {
    examState.value = e.data;
    if (e.data === 3) {
      initProject();
    }
    if (e.data === 40) {
      cleanData();
    }
    if (e.data == 41) {

    }
    if (e.data == 43) {

    }
    if (e.data == 42) {

    }
  }
  //新建测试后返回信息，获取result_id
  if (e.cmd === 'open_one_test_ack') {
    resultId.value = e.data.result_id;
  }
  //人脸识别状态
  if (e.cmd === 'face_check_result') {
    let myData = e.data[0] || e.data;
    returnStudent(myData);
  }
  //测试结束结果
  if (e.cmd === 'oneresult') {
    if (e.data.length) {
      let data = e.data[0];
      getAchievement(data)
    }
  }
  //结果生成完成（视频图片）
  if (e.cmd === 'static_urls_finished') {
  }
  //选择学生或测试结束后返回的数据
  if (e.cmd === 'result_info') {
  }
};

/**
 * 开始识别
*/
const getOpenOneTestAndStartFace = async () => {
  console.log("examId", examId)
  if (examState.value > 3) {
    await closeOneTest(examId);
  }
  await openOneTest(examId);
  await startFace(examId);
};

/**
 * 停止人脸识别
*/
const getStopFace = async () => {
  if (examState.value != 41) {
    return false;
  }
  await stopFace(examId);
  if (faceCheckStu.value.student_id) {
    getFaceConfirmOnly();
  }
};

/**
 * 确定人脸信息
*/
const getFaceConfirmOnly = (data?: any) => {
  if (data) {
    faceCheckStu.value = data;
  }
  faceConfirmOnly({
    exam_id: examId,
    result_id: resultId.value,
    student_id: faceCheckStu.value.student_id,
    gender: faceCheckStu.value.gender
  }, () => {
  });
};

/**
 * 重新识别
*/
const getRetestFace = () => {
  if (props.examState == 42) {
    return false;
  }
  proxy?.$modal.confirm("确定重新识别吗？").then(() => {
    if (props.needStart == false) {
      //自动流程项目重新识别直接返回3
      closeOneTest(examId);
    } else {
      //手动流程项目重新识别43返回41,42返回3
      if (examState.value == 43) {
        cleanData();
        startFace(examId);
      } else {
        closeOneTest(examId);
      }
    }
  }).finally(() => {
  });
};

/**
 * 开始测试
*/
const getStartOneTest = () => {
  if (examState.value != 43 || !faceCheckStu.value.student_id) {
    return false;
  }
  startOneTest(examId, () => { })
};

/**
 * 再测一次
*/
const getAgain = async () => {
  //预存测试人员
  let student = JSON.parse(JSON.stringify(faceCheckStu.value));
  //测试中
  if (examState.value == 42) {
    await finishOneTest(examId);
  }
  //其他状态
  if (examState.value > 3) {
    await closeOneTest(examId);
  }
  //重新走一次流程
  await openOneTest(examId);
  await startFace(examId);
  await stopFace(examId);
  getFaceConfirmOnly(student);
};

/**
 * 选择学生
*/
const getChooseStudent = () => {
  if (examState.value == 41) {
    chooseStudentRef.value.open();
  }
  if (examState.value == 43) {
    getRetestFace();
  }
};

/**
 * 返回被选学生
*/
const returnStudent = (data: any) => {
  faceCheckStu.value = data;
  getStopFace();
};

/**
 * 清除历史记录
*/
const cleanData = () => {
  faceCheckStu.value = {};
  currentResultObj.value = {};
  backReason.value = [];
};

/**
 * 自动初始化项目
*/
const initProject = () => {
  //自动项目定时进入下一步
  if (props.needStart == false) {
    let time = 0;
    //控制新建测试的时间，第一次快，之后就慢
    if (!faceCheckStu.value.student_id) {
      time = 1000;
    } else {
      time = 6000;
    }
    setTimeout(() => {
      //再加一个判断以免和再测一次冲突
      if (examState.value == 3) {
        getOpenOneTestAndStartFace();
      }
    }, time)
  }
};

/**
 * 成绩
*/
const getAchievement = (data: any) => {
  //console.log("成绩", data);
  let dic: any = dataDictionary;
  let type = project;
  let count =
    data?.[dic.typeResultKey[type]]?.toFixed(0);
  if (["trijump", "solidball", "shotput", "longjump"].includes(type)) {
    count =
      data?.[dic.typeResultKey[type]]?.toFixed(2);
    count = Math.round(count) / 100;
  }
  data.count = count || "0";
  data.score = data.score || "0";
  currentResultObj.value = data;
  //违规处理
  let arr = backReason.value;
  if (["situp", "pullup", "sidepullup", "jumprope", "jumpingjack", "jump", "longjump", "verticaljump"]
    .indexOf(type) > -1) {
    if (["pullup", "situp", "jumprope", "jumpingjack"].indexOf(type) > -1) {
      currentResultObj.value.back_num = data?.all_failed_num;
    }
    if (type === "sidepullup") {
      currentResultObj.value.back_num = data?.["0"]?.hip_failed_num;
    }
    if (['jump', 'longjump', 'verticaljump'].includes(type)) {
      if (data?.startline_check == 0) {
        let txt = "踩线违规";
        arr.push(txt)
      }
      if (data?.singleleg_jump_check == 0) {
        let txt = "单脚跳违规";
        arr.push(txt)
      }
      if (data?.outside_check == 0) {
        let txt = "跳出测试区违规";
        arr.push(txt)
      }
    }
    if (
      data?.elbow_check == false
    ) {
      let txt = "肘部违规";
      arr.push(txt);
    }
    if (
      ["situp", "pullup"].indexOf(type) > -1 &&
      data?.knee_check === false
    ) {
      let txt = "腿部违规";
      if (!arr.includes(txt)) {
        arr.push(txt);
      }
    }
    if (["situp"].indexOf(type) > -1 && data?.hand_check === false) {
      let txt = "手部违规";
      if (!arr.includes(txt)) {
        arr.push(txt);
      }
    }
    if (
      ["pullup"].indexOf(type) > -1 &&
      data?.["0"]?.elbow_check === false
    ) {
      let txt = "手部违规";
      if (!arr.includes(txt)) {
        arr.push(txt);
      }
    }
    if (["situp"].indexOf(type) > -1 && data?.["0"]?.back_check === false) {
      let txt = "背部违规";
      if (!arr.includes(txt)) {
        arr.push(txt);
      }
    }
    if (
      ["sidepullup", "situp"].indexOf(type) > -1 &&
      data?.["0"]?.hip_check === false
    ) {
      let txt = "臀部违规";
      if (!arr.includes(txt)) {
        arr.push(txt);
      }
    }
  }
  backReason.value = arr;
  if (data.isfinish) {
    // if (['jump'].includes(type) && backReason.value.length) {
    //   speckText("请重新测试");
    //   return false;
    // }
    // speckText(faceCheckStu?.value.name + "成绩为" + (chineseNumber(count) || 0) + unit.value + "，请下一位准备！" || "");
  }
};

/**
 * 状态抛给父组件
*/
watch(() => examState.value, (newVal, oldVal) => {
  emit('returnData', { examState: examState.value, area: area });
}, { deep: true });

/**
 * 人脸信息抛给父组件
*/
watch(() => faceCheckStu.value, (newVal, oldVal) => {
  emit('returnData', { faceCheckStu: faceCheckStu.value, area: area });
}, { deep: true });

onMounted(() => {
  let dic: any = dataDictionary;
  unit.value = dic.unit[project];
})

//暴露给父组件用
defineExpose({
  getMessage,
  getOpenOneTestAndStartFace,
  getStopFace,
  getStartOneTest,
  getAgain,
})
</script>

<style scoped lang="scss"></style>