'tj'

src/api/portraitModel.js

@@ -138,3 +138,11 @@ export function getCommentPoint(data) {
     data: data,
   });
 }
+//阅读时长提交
+export function timeCountSubmit(data) {
+  return request({
+    url: "/api/stu/concept/block/hashReadingScore",
+    method: "post",
+    data: data,
+  });
+}

src/layout/index.vue

@@ -2,7 +2,8 @@
   <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
     <div class="title" style="height: 58px; background-color: #072048 !important; z-index: 900 !important; position: relative">
       <div :class="[role!==3 ? 'navTitle':'TnavTitle']">
-        <span class="nacber-name">天 择 数 字 营 销 实 训 系 统 - 教 师 端 </span>
+        <span class="nacber-name" v-if="role!==3">天 择 数 字 营 销 实 训 系 统</span>
+        <span class="nacber-name" v-else>天 择 数 字 营 销 实 训 系 统 - 教 师 端</span>
       </div>
     </div>
     <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />

src/views/components/popModal.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-dialog :title="title" style="width: 1308px; height: 838px" custom-class="gdialog" v-model="props.showModel" :before-close="close">
+    <el-dialog :title="title" style="width: 1308px; height: 838px" custom-class="gdialog" :model-value="props.showModel"  @close="close()">
       <div class="diaMain" style="margin-top: -35px; padding: 10px; padding-left: 20px">
         <el-scrollbar height="730px">
           <slot name="content" class="main"></slot>

src/views/portraitModel/components/abcAnalysis.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="content">
-    <div class="import" @click="dialogVisible = true">
+    <div class="import" @click="openKnowledge">
       <img src="@/assets/images/导入.png" alt="" />
       <span>任务知识导入</span>
     </div>
@@ -294,7 +294,7 @@
         </div>
       </div>
     </div>
-    <pop-modal :showModel="dialogVisible" @closePop="dialogVisible = false">
+    <pop-modal :showModel="dialogVisible"  @closePop="handlClose">
       <template v-slot:content>
         <p>
           帕累托分析法源于经典的二八法则。意大利经济学家维尔弗雷多·帕累托于1906年提出了著名的关于意大利社会财务分配的研究结论：20%的人口掌握了80%的社会财富。这个结论对大多数国家的社会财富分配情况都成立。因此帕累托法则又被称为80/20法则。
@@ -328,6 +328,8 @@ import * as portraitModel from "@/api/portraitModel";
 import { downBlobFile } from "@/utils/index.js";
 const { proxy } = getCurrentInstance();
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
+const timer = ref(null);
+const timeCount = ref(0);
 const barData = ref(["", "", "", ""]);
 const lineData = ref(["", "", "", ""]);
 const showAnswerFlag = ref(false);
@@ -956,6 +958,14 @@ const saveDataSubmit = () => {
     stepNineB: chartParam2.value,
     stepNineC: chartParam3.value,
     stepNineD: chartParam4.value,
+    stepTenA: barData.value[0],
+    stepTenB: barData.value[1],
+    stepTenC: barData.value[2],
+    stepTenD: barData.value[3],
+    stepElevenA: lineData.value[0],
+    stepOneA: lineData.value[1],
+    stepOneB: lineData.value[2],
+    stepOneC: lineData.value[3],
     // stepTenA: step4Data.value[1].params2,
     // stepTenB: step4Data.value[1].params3,
     // stepTenC: step4Data.value[2].params1,
@@ -1176,8 +1186,8 @@ const submitData = () => {
   }
   errorNum.value = step1Error.value + step2Error.value + step3Error.value + step4Error.value + step5Error.value;
   console.log(errorNum.value, "总错误次数");
-  if(errorNum.value > 5){
+  if (errorNum.value > 5) {
-    errorNum.value = 5
+    errorNum.value = 5;
   }
   portraitModel
     .submit({
@@ -1232,6 +1242,40 @@ defineExpose({
   retrain,
   // practicalTraining,
 });
+const openKnowledge = () => {
+  dialogVisible.value = true;
+  // startCount();
+};
+const handlClose = () => {
+ console.log('123');
+  dialogVisible.value = false;
+  if (timer.value) {
+    clearInterval(timer.value);
+    timer.value = null;
+  }
+  console.log("阅读时长", timeCount.value + "s");
+  submitTimeCount();
+  timeCount.value = 0;
+};
+const handleTest = ()=>{
+  console.log('aa');
+}
+const startCount = () => {
+  timer.value = setInterval(() => {
+    timeCount.value++;
+  }, 1000);
+};
+const submitTimeCount = () => {
+  // portraitModel
+  //   .timeCountSubmit({
+  //     stuScoreDetailsDTO: {
+  //       userId: JSON.parse(getUserInfo()).userId,
+  //       viewingTime: timeCount.value,
+  //     },
+  //   })
+  //   .then((res) => {})
+  //   .catch((error) => {});
+};
 </script>
 
 <style scoped lang="scss">

src/views/portraitModel/components/basketAnalysis.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="content">
-    <div class="import" @click="dialogVisible = true">
+    <div class="import" @click="openKnowledge">
       <img src="@/assets/images/导入.png" alt="" />
       <span>任务知识导入</span>
     </div>
@@ -250,7 +250,7 @@
         </div>
       </div>
     </div>
-    <pop-modal :showModel="dialogVisible" @closePop="dialogVisible = false">
+    <pop-modal :showModel="dialogVisible" @closePop="handlClose">
       <template v-slot:content>
         <div v-html="knowledgeHtml"></div>
       </template>
@@ -267,6 +267,8 @@ import { downBlobFile } from "@/utils/index.js";
 import { onBeforeUnmount, onMounted } from "vue";
 const { proxy } = getCurrentInstance();
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
+const timer = ref(null);
+const timeCount = ref(0);
 const showAnswerFlag = ref(false);
 const comListError = ref(false);
 const knowledgeHtml = ref(
@@ -1141,6 +1143,37 @@ defineExpose({
   retrain,
   // practicalTraining,
 });
+const openKnowledge = () => {
+  dialogVisible.value = true;
+  // startCount();
+};
+const handlClose = () => {
+ console.log('123');
+  dialogVisible.value = false;
+  if (timer.value) {
+    clearInterval(timer.value);
+    timer.value = null;
+  }
+  console.log("阅读时长", timeCount.value + "s");
+  submitTimeCount();
+  timeCount.value = 0;
+};
+const startCount = () => {
+  timer.value = setInterval(() => {
+    timeCount.value++;
+  }, 1000);
+};
+const submitTimeCount = () => {
+  // portraitModel
+  //   .timeCountSubmit({
+  //     stuScoreDetailsDTO: {
+  //       userId: JSON.parse(getUserInfo()).userId,
+  //       viewingTime: timeCount.value,
+  //     },
+  //   })
+  //   .then((res) => {})
+  //   .catch((error) => {});
+};
 </script>
 
 <style scoped lang="scss">

src/views/portraitModel/components/bostonAnalysis.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="content">
-    <div class="import" @click="dialogVisible = true">
+    <div class="import" @click="openKnowledge">
       <img src="@/assets/images/导入.png" alt="" />
       <span>任务知识导入</span>
     </div>
@@ -291,7 +291,7 @@
         </div>
       </div>
     </div>
-    <pop-modal :showModel="dialogVisible" @closePop="dialogVisible = false">
+    <pop-modal :showModel="dialogVisible" @closePop="handlClose">
       <template v-slot:content>
         <p style="line-height: 25px; font-size: 14px">
           波士顿矩阵（BCG Matrix），又称市场增长率-相对市场份额矩阵，由美国著名的管理学家、波士顿咨询公司创始人布鲁斯·亨德森于1970年首创，它是通过销售增长率（反应市场引力的指标）和市场占有率（反应企业实力的指标）来分析决定企业的产品结构。
@@ -345,6 +345,8 @@ import { downBlobFile } from "@/utils/index.js";
 import { onMounted } from "vue";
 const { proxy } = getCurrentInstance();
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
+const timer = ref(null);
+const timeCount = ref(0);
 const showAnswerFlag = ref(false);
 const dialogVisible = ref(false);
 const knowledgeFlag = ref(false);
@@ -1743,6 +1745,7 @@ const getData = () => {
         step5EchartInit();
         if (res.data.subState & (res.data.subState == 1)) {
           showAnswerFlag.value = true;
+          step1AnswerFlag.value = true;
           if (step1Data.value[0].params1 && step1Data.value[0].params1 !== "3") {
             step1Data.value[0].isError1 = true;
           } else {
@@ -1930,6 +1933,37 @@ defineExpose({
   retrain,
   // practicalTraining,
 });
+const openKnowledge = () => {
+  dialogVisible.value = true;
+  // startCount();
+};
+const handlClose = () => {
+ console.log('123');
+  dialogVisible.value = false;
+  if (timer.value) {
+    clearInterval(timer.value);
+    timer.value = null;
+  }
+  console.log("阅读时长", timeCount.value + "s");
+  submitTimeCount();
+  timeCount.value = 0;
+};
+const startCount = () => {
+  timer.value = setInterval(() => {
+    timeCount.value++;
+  }, 1000);
+};
+const submitTimeCount = () => {
+  // portraitModel
+  //   .timeCountSubmit({
+  //     stuScoreDetailsDTO: {
+  //       userId: JSON.parse(getUserInfo()).userId,
+  //       viewingTime: timeCount.value,
+  //     },
+  //   })
+  //   .then((res) => {})
+  //   .catch((error) => {});
+};
 </script>
 
 <style scoped lang="scss">

src/views/portraitModel/components/funnelAnalysis.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="content">
-    <div class="import" @click="dialogVisible = true">
+    <div class="import" @click="openKnowledge">
       <img src="@/assets/images/导入.png" alt="" />
       <span>任务知识导入</span>
     </div>
@@ -294,7 +294,7 @@
       </div>
       <div class="line"></div>
     </div>
-    <pop-modal :showModel="dialogVisible" @closePop="dialogVisible = false">
+    <pop-modal :showModel="dialogVisible" @closePop="handlClose">
       <template v-slot:content>
         <div
           v-html="
@@ -599,6 +599,8 @@ const showAnswerFlag = ref(false);
 const errorNum = ref(0);
 const option = ref({});
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
+const timer = ref(null);
+const timeCount = ref(0);
 onBeforeUnmount(() => {
   saveData();
 });
@@ -1142,6 +1144,11 @@ const saveDataSubmit = () => {
     stepNineD: step2Select5.value,
     stepTenA: step3Select1.value,
     stepTenB: step3Select2.value,
+    stepTenC: funnelData.value[0],
+    stepTenD: funnelData.value[1],
+    stepElevenA: funnelData.value[2],
+    stepOneA: funnelData.value[3],
+    stepOneB: funnelData.value[4],
     // stepTenC: step4Data.value[2].params1,
     // stepTenD: step4Data.value[2].params2,
     // stepElevenA: step4Data.value[2].params3,
@@ -1208,6 +1215,37 @@ defineExpose({
   retrain,
   // practicalTraining,
 });
+const openKnowledge = () => {
+  dialogVisible.value = true;
+  // startCount();
+};
+const handlClose = () => {
+ console.log('123');
+  dialogVisible.value = false;
+  if (timer.value) {
+    clearInterval(timer.value);
+    timer.value = null;
+  }
+  console.log("阅读时长", timeCount.value + "s");
+  submitTimeCount();
+  timeCount.value = 0;
+};
+const startCount = () => {
+  timer.value = setInterval(() => {
+    timeCount.value++;
+  }, 1000);
+};
+const submitTimeCount = () => {
+  // portraitModel
+  //   .timeCountSubmit({
+  //     stuScoreDetailsDTO: {
+  //       userId: JSON.parse(getUserInfo()).userId,
+  //       viewingTime: timeCount.value,
+  //     },
+  //   })
+  //   .then((res) => {})
+  //   .catch((error) => {});
+};
 </script>
 
 <style scoped lang="scss">

src/views/portraitModel/components/rfmAnalysis.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="content">
-    <div class="import" @click="dialogVisible = true">
+    <div class="import" @click="openKnowledge">
       <img src="@/assets/images/导入.png" alt="" />
       <span style="color: #fff">任务知识导入</span>
     </div>
@@ -451,7 +451,7 @@
         </div>
       </div>
     </div>
-    <el-dialog v-model="dialogVisible" title="任务知识导入" style="width: 1108px; height: 798px" custom-class="gdialog" >
+    <el-dialog v-model="dialogVisible" title="任务知识导入" style="width: 1108px; height: 798px" custom-class="gdialog" @close="handlClose">
       <div style="color: #fff; margin-top: -35px; padding: 10px; padding-left: 20px">
         <el-scrollbar height="650px">
           <div v-html="knowledge"></div>
@@ -477,6 +477,8 @@ import { onBeforeUnmount, onMounted } from "vue";
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
 const dialogVisible = ref(false);
 const { proxy } = getCurrentInstance();
+const timer = ref(null);
+const timeCount = ref(0);
 const errorNum = ref(0); //总错误次数
 const stepError1 = ref(0);
 const stepError2 = ref(0);
@@ -1107,8 +1109,8 @@ const submitData = () => {
   }
   errorNum.value = stepError1.value + stepError2.value + step4Error.value + step5Error.value + step6Error.value + step7Error.value;
   console.log(errorNum.value, "总错误次数");
-  if(errorNum.value > 5){
+  if (errorNum.value > 5) {
-    errorNum.value = 5
+    errorNum.value = 5;
   }
   portraitModel
     .submit({
@@ -1545,6 +1547,36 @@ const tableSpanMethod = ({ row, column, rowIndex, columnIndex }) => {
     }
   }
 };
+const openKnowledge = () => {
+  dialogVisible.value = true;
+  startCount();
+};
+const handlClose = () => {
+  console.log(111);
+  if (timer.value) {
+    clearInterval(timer.value);
+    timer.value = null;
+  }
+  console.log("阅读时长", timeCount.value + "s");
+  submitTimeCount();
+  timeCount.value = 0;
+};
+const startCount = () => {
+  timer.value = setInterval(() => {
+    timeCount.value++;
+  }, 1000);
+};
+const submitTimeCount = () => {
+  portraitModel
+    .timeCountSubmit({
+      stuScoreDetailsDTO: {
+        userId: JSON.parse(getUserInfo()).userId,
+        viewingTime: timeCount.value,
+      },
+    })
+    .then((res) => {})
+    .catch((error) => {});
+};
 </script>
 
 <style scoped lang="scss">
@@ -1644,7 +1676,6 @@ const tableSpanMethod = ({ row, column, rowIndex, columnIndex }) => {
   background-color: #f5f7fa !important;
 }
 
-
 ::v-deep .el-table td {
   padding-top: 4px;
   padding-bottom: 4px;