feat:修改面授课

src/components/drawers/AddTest.vue

@@ -3,60 +3,70 @@
     <slot></slot>
   </div>
   <a-drawer
-      :visible="visible"
-      class="drawerStyle addtestDrawer"
-      width="800"
-      placement="right"
+    :visible="visible"
+    class="drawerStyle addtestDrawer"
+    width="800"
+    placement="right"
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">{{ taskIndex >= 0 ? "编辑" : "添加" }}考试</div>
+        <div class="headerTitle">
+          {{ taskIndex >= 0 ? "编辑" : "添加" }}考试
+        </div>
         <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-            @click="closeDrawer"
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
         />
       </div>
-      <div style="display: flex; flex-direction: row; padding-top: 0px; margin-top: 20px; margin-left: 32px;">
+      <div
+        style="
+          display: flex;
+          flex-direction: row;
+          padding-top: 0px;
+          margin-top: 20px;
+          margin-left: 32px;
+        "
+      >
         <div>
           <button
-                  :disabled="taskIndex >= 0"
-              style="width: 100px; cursor: pointer;"
-              @click="changeOuter(1)"
-              :class="formData.examType === 1  ? 'outer' : 'notOuter'"
+            :disabled="taskIndex >= 0"
+            style="width: 100px; cursor: pointer"
+            @click="changeOuter(1)"
+            :class="formData.examType === 1 ? 'outer' : 'notOuter'"
           >
             系统考试
           </button>
           <button
-                  :disabled="taskIndex >= 0"
-              style="width: 100px; cursor: pointer;"
-              @click="changeOuter(2)"
-              :class="formData.examType === 2  ? 'outer' : 'notOuter'"
+            :disabled="taskIndex >= 0"
+            style="width: 100px; cursor: pointer"
+            @click="changeOuter(2)"
+            :class="formData.examType === 2 ? 'outer' : 'notOuter'"
           >
             外部考试
           </button>
         </div>
       </div>
 
-      <div v-if="formData.examType===1" class="contentMain">
+      <div v-if="formData.examType === 1" class="contentMain">
         <div class="main_left">
           <div class="main_item">
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">考试名称：</span>
             </div>
             <div class="btnbox">
               <a-input
-                  v-model:value="formData.examinationName"
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  placeholder="请输入考试名称"
-                  :maxlength="20"
-                  :disabled="taskIndex >= 0"
+                v-model:value="formData.examinationName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入考试名称"
+                :maxlength="20"
+                :disabled="taskIndex >= 0"
               />
             </div>
           </div>
@@ -65,22 +75,36 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">选择试卷：</span>
             </div>
-            <s-test v-model:id="formData.examinationPaperId" v-model:name="formData.examinationTestName">
+            <s-test
+              v-model:id="formData.examinationPaperId"
+              v-model:name="formData.examinationTestName"
+            >
               <div class="btnbox">
-                <button class="xkbtn" style="margin:0" :disabled="taskIndex >= 0">
+                <button
+                  class="xkbtn"
+                  style="margin: 0"
+                  :disabled="taskIndex >= 0"
+                >
                   {{ formData.examinationPaperId ? "重选" : "选择" }}试卷
                 </button>
               </div>
             </s-test>
             <div v-if="formData.examinationPaperId">
-              <a-tag closable color="processing" @close="delTag" :closeIcon="true">
-                <span style="font-size: 14px; line-height: 33px">{{ formData.examinationTestName }}</span>
+              <a-tag
+                closable
+                color="processing"
+                @close="delTag"
+                :closeIcon="true"
+              >
+                <span style="font-size: 14px; line-height: 33px">{{
+                  formData.examinationTestName
+                }}</span>
               </a-tag>
             </div>
           </div>
@@ -89,22 +113,22 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">考试时间：</span>
             </div>
             <div class="btnbox">
               <a-range-picker
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  :show-time="{format:'hh:mm'}"
-                  :disabled-date="disabledDate"
-                  format="YYYY-MM-DD HH:mm"
-                  valueFormat="YYYY-MM-DD HH:mm"
-                  v-model:value="dateTime"
-                  @change="timeChange"
-                  :placeholder="['      开始时间', '        结束时间']"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                :show-time="{ format: 'hh:mm' }"
+                :disabled-date="disabledDate"
+                format="YYYY-MM-DD HH:mm"
+                valueFormat="YYYY-MM-DD HH:mm"
+                v-model:value="dateTime"
+                @change="timeChange"
+                :placeholder="['      开始时间', '        结束时间']"
               />
             </div>
           </div>
@@ -112,20 +136,20 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">考试时长：</span>
             </div>
             <div class="select">
               <a-input-number
-                      :disabled="taskIndex >= 0"
-                  :min="0"
-                  :max="300"
-                  :precision="0"
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  v-model:value="formData.examinationDuration"
+                :disabled="taskIndex >= 0"
+                :min="0"
+                :max="300"
+                :precision="0"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                v-model:value="formData.examinationDuration"
               ></a-input-number>
               <span style="color: #999999; margin-left: 8px">分钟</span>
             </div>
@@ -134,18 +158,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">及格线：</span>
             </div>
             <div class="btnbox">
               <a-input
-                      :disabled="taskIndex >= 0"
-                  v-model:value="formData.passLine"
-                  type="number"
-                  style="width: 400px; height: 40px; border-radius: 8px"
+                :disabled="taskIndex >= 0"
+                v-model:value="formData.passLine"
+                type="number"
+                style="width: 400px; height: 40px; border-radius: 8px"
               />
 
               <span style="color: #999999; margin-left: 8px">分</span>
@@ -157,38 +181,41 @@
             </div>
             <div class="textarea">
               <a-textarea
-                      :disabled="taskIndex >= 0"
-                  v-model:value="formData.examinationExplain"
-                  placeholder="请输入考试说明"
-                  allow-clear
-                  show-count
-                  :maxlength="200"
-                  :rows="6"
+                :disabled="taskIndex >= 0"
+                v-model:value="formData.examinationExplain"
+                placeholder="请输入考试说明"
+                allow-clear
+                show-count
+                :maxlength="200"
+                :rows="6"
               />
             </div>
           </div>
           <div class="main_item2">
             <div class="signbox">
-              <span style="margin-right: 3px;margin-top: 10px;">考试限制：</span>
+              <span style="margin-right: 3px; margin-top: 10px"
+                >考试限制：</span
+              >
             </div>
             <div class="kqszbox">
               <div class="setbox">
                 <div class="timerbox">
                   <span>允许重复考试：</span>
                   <a-input-number
-                          :disabled="taskIndex >= 0"
-                      :min="-1"
-                      :max="300"
-                      :precision="0"
-                      style="
+                    :disabled="taskIndex >= 0"
+                    :min="-1"
+                    :max="300"
+                    :precision="0"
+                    style="
                       width: 100px;
                       height: 32px;
                       border-radius: 8px;
-                      overflow: hidden;"
-                      v-model:value="formData.examinationLimit"
+                      overflow: hidden;
+                    "
+                    v-model:value="formData.examinationLimit"
                   ></a-input-number>
                   <span style="color: #999999; margin-left: 8px"
-                  >次,-1表示无限制</span
+                    >次,-1表示无限制</span
                   >
                 </div>
               </div>
@@ -201,9 +228,9 @@
             </div>
             <div class="btnbox">
               <a-radio-group
-                      :disabled="taskIndex >= 0"
-                  style="margin-right: 12px"
-                  v-model:value="formData.showAnswers"
+                :disabled="taskIndex >= 0"
+                style="margin-right: 12px"
+                v-model:value="formData.showAnswers"
               >
                 <a-radio :value="1">允许查看</a-radio>
                 <a-radio :value="2">不允许查看</a-radio>
@@ -216,9 +243,9 @@
             </div>
             <div class="btnbox">
               <a-radio-group
-                      :disabled="taskIndex >= 0"
-                  style="margin-right: 12px"
-                  v-model:value="formData.showAnalysis"
+                :disabled="taskIndex >= 0"
+                style="margin-right: 12px"
+                v-model:value="formData.showAnalysis"
               >
                 <a-radio :value="1">允许查看</a-radio>
                 <a-radio :value="2">不允许查看</a-radio>
@@ -231,9 +258,9 @@
             </div>
             <div class="btnbox">
               <a-radio-group
-                      :disabled="taskIndex >= 0"
-                  style="margin-right: 12px"
-                  v-model:value="formData.scoringModel"
+                :disabled="taskIndex >= 0"
+                style="margin-right: 12px"
+                v-model:value="formData.scoringModel"
               >
                 <a-radio :value="1">最高一次</a-radio>
                 <a-radio :value="2">最后一次</a-radio>
@@ -241,16 +268,15 @@
             </div>
           </div>
 
-
           <div class="main_item">
             <div class="signbox">
               <span style="margin-right: 3px">试题排列：</span>
             </div>
             <div class="btnbox">
               <a-radio-group
-                      :disabled="taskIndex >= 0"
-                  style="margin-right: 12px"
-                  v-model:value="formData.questionArrangement"
+                :disabled="taskIndex >= 0"
+                style="margin-right: 12px"
+                v-model:value="formData.questionArrangement"
               >
                 <a-radio :value="1">试题乱序</a-radio>
                 <a-radio :value="2">选项乱序</a-radio>
@@ -259,7 +285,7 @@
               </a-radio-group>
             </div>
           </div>
-          <div class="main_item" style="height: 20px;"></div>
+          <div class="main_item" style="height: 20px"></div>
         </div>
       </div>
       <div v-else class="contentMain">
@@ -268,18 +294,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">考试名称：</span>
             </div>
             <div class="btnbox">
               <a-input
-                  v-model:value="formData.examinationName"
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  placeholder="请输入考试名称"
-                  :maxlength="20"
+                v-model:value="formData.examinationName"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入考试名称"
+                :maxlength="20"
               />
             </div>
           </div>
@@ -287,18 +313,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
                 />
               </div>
               <span style="margin-right: 3px">数据来源：</span>
             </div>
             <div class="btnbox">
               <a-input
-                  v-model:value="formData.source"
-                  style="width: 400px; height: 40px; border-radius: 8px"
-                  placeholder="请输入数据来源"
-                  :maxlength="20"
+                v-model:value="formData.source"
+                style="width: 400px; height: 40px; border-radius: 8px"
+                placeholder="请输入数据来源"
+                :maxlength="20"
               />
             </div>
           </div>
@@ -308,12 +334,12 @@
             </div>
             <div class="textarea">
               <a-textarea
-                  v-model:value="formData.externalExplain"
-                  placeholder="请输入考试说明"
-                  allow-clear
-                  show-count
-                  :maxlength="200"
-                  :rows="6"
+                v-model:value="formData.externalExplain"
+                placeholder="请输入考试说明"
+                allow-clear
+                show-count
+                :maxlength="200"
+                :rows="6"
               />
             </div>
           </div>
@@ -327,150 +353,160 @@
   </a-drawer>
 </template>
 <script setup>
-import {defineEmits, defineProps, ref, watch} from "vue";
+import { defineEmits, defineProps, ref, watch } from "vue";
 import STest from "./SelectTest.vue";
 import dayjs from "dayjs";
-import {Form, message} from "ant-design-vue";
+import { Form, message } from "ant-design-vue";
 
 const props = defineProps({
   type: Number,
-  taskList: []
-})
-const visible = ref(false)
+  taskList: [],
+});
+const visible = ref(false);
 const initValue = {
-  examinationName: '',
-  examinationPaperId: '',
-  examinationStartTime: '',
-  examinationEndTime: '',
-  examinationDuration: '',
-  passLine: '',
+  examinationName: "",
+  examinationPaperId: "",
+  examinationStartTime: "",
+  examinationEndTime: "",
+  examinationDuration: "",
+  passLine: "",
   examType: 1,
   source: "",
   showAnswers: 2,
   showAnalysis: 2,
   scoringModel: 2,
   questionArrangement: 4,
-  externalExplain: ""
-}
-const formData = ref(initValue)
+  externalExplain: "",
+};
+const formData = ref(initValue);
 const innerRule = {
   examinationName: [
     {
       required: true,
-      message: '请输入考试名称',
+      message: "请输入考试名称",
     },
   ],
   examinationPaperId: [
     {
       required: true,
-      message: '请输入选择试卷',
+      message: "请输入选择试卷",
     },
   ],
   examinationStartTime: [
     {
       required: true,
-      message: '请输入开始开始时间',
+      message: "请输入开始开始时间",
     },
   ],
   examinationEndTime: [
     {
       required: true,
-      message: '请输入开始结束时间',
+      message: "请输入开始结束时间",
     },
   ],
   examinationDuration: [
     {
       required: true,
-      message: '请输入考试时长',
+      message: "请输入考试时长",
     },
   ],
   passLine: [
     {
       required: true,
-      message: '请输入及格线',
+      message: "请输入及格线",
     },
   ],
-}
+};
 const outerRule = {
   examinationName: [
     {
       required: true,
-      message: '请输入考试名称',
+      message: "请输入考试名称",
     },
   ],
   source: [
     {
       required: true,
-      message: '请输入数据来源',
+      message: "请输入数据来源",
     },
   ],
-}
+};
 const rulesRef = ref(innerRule);
 
-const emit = defineEmits({})
+const emit = defineEmits({});
 const taskIndex = ref(-1);
 const dateTime = ref([]);
 
-const {resetFields, validate} = Form.useForm(formData, rulesRef);
+const { resetFields, validate } = Form.useForm(formData, rulesRef);
 
-watch(() => formData.value.examType, () => {
-  formData.value.examType === 1 ? rulesRef.value = innerRule : rulesRef.value = outerRule
-})
+watch(
+  () => formData.value.examType,
+  () => {
+    formData.value.examType === 1
+      ? (rulesRef.value = innerRule)
+      : (rulesRef.value = outerRule);
+  }
+);
 
 const closeDrawer = () => {
-  visible.value = false
-  taskIndex.value = -1
-  resetFields()
-  dateTime.value = []
+  visible.value = false;
+  taskIndex.value = -1;
+  resetFields();
+  dateTime.value = [];
 };
 
-
 function timeChange(time, timeStr) {
-  formData.value.examinationStartTime = timeStr[0]
-  formData.value.examinationEndTime = timeStr[1]
+  formData.value.examinationStartTime = timeStr[0];
+  formData.value.examinationEndTime = timeStr[1];
 }
 
 const disabledDate = (current) => {
-  return current && current < dayjs().startOf('day');
+  return current && current < dayjs().startOf("day");
 };
 
-
 // 系统考试
 async function confirm() {
-  await validate().catch(({errorFields}) => {
+  await validate().catch(({ errorFields }) => {
     message.warning(errorFields[0].errors.join());
-    throw Error("数据校验不通过")
+    throw Error("数据校验不通过");
   });
   if (taskIndex.value === -1) {
-    const list = props.taskList
-    list.push({name: formData.value.examinationName, type: props.type, info: {...formData.value}})
+    const list = props.taskList;
+    list.push({
+      name: formData.value.examinationName,
+      type: props.type,
+      info: { ...formData.value },
+    });
   } else {
-    const data = props.taskList[taskIndex.value]
-    data.name = formData.value.examinationName
-    data.info = formData.value
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.examinationName;
+    data.info = formData.value;
   }
-  emit('update:taskList', [...props.taskList])
-  closeDrawer()
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
 }
 
-
 function openDrawer(i, row) {
   row && resetFields(row.info);
-  row && (dateTime.value = [row.info.examinationStartTime, row.info.examinationEndTime]);
-  (i >= 0) && (taskIndex.value = i);
-  visible.value = true
+  row &&
+    (dateTime.value = [
+      row.info.examinationStartTime,
+      row.info.examinationEndTime,
+    ]);
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
 }
 
 const delTag = () => {
-  formData.value.examinationPaperId = '';
-  formData.value.examinationTestName = '';
-}
+  formData.value.examinationPaperId = "";
+  formData.value.examinationTestName = "";
+};
 
 function changeOuter(v) {
   formData.value.examType = v;
 }
 
-defineExpose({openDrawer})
+defineExpose({ openDrawer });
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
@@ -610,7 +646,6 @@ defineExpose({openDrawer})
               display: flex;
               flex-wrap: wrap;
 
-
               .timerbox {
                 margin-top: 6px;
                 margin-right: 32px;
@@ -666,8 +701,8 @@ defineExpose({openDrawer})
       }
 
       .ant-table-tbody
-      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-      > td {
+        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+        > td {
         background: #f6f9fd;
       }
 

src/components/drawers/EvList.vue

@@ -2,22 +2,33 @@
   <div @click="openDrawer">
     <slot></slot>
   </div>
-  <a-drawer :visible="visible" class="drawerStyle addonlineDrawer" width="800" title="选择测评"
-            placement="right">
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle addonlineDrawer"
+    width="800"
+    title="选择测评"
+    placement="right"
+  >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">选择测评</div>
-        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-             @click="closeDrawer"/>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
       </div>
-      <div class="contentMain">
+      <div class="contentMain" v-if="data.length > 0">
         <div class="main_items">
           <div class="mi_ipts">
             <div class="mii_ipt">
               <div class="ipt_name"></div>
               <div class="fi_input">
-                <a-input v-model:value="params.keyword" style="width: 424px; height: 40px; border-radius: 8px"
-                         placeholder="请输入测评名称"/>
+                <a-input
+                  v-model:value="params.keyword"
+                  style="width: 424px; height: 40px; border-radius: 8px"
+                  placeholder="请输入测评名称"
+                />
               </div>
             </div>
           </div>
@@ -34,18 +45,97 @@
         </div>
         <div class="main_table">
           <a-table
-              :customRow="customRow"
-              class="ant-table-striped"
-              :row-class-name="(_, index) => (index % 2 === 1 ? 'table-striped' : null)"
-              row-key="id"
-              :columns="columns"
-              :data-source="data"
-              :loading="loading"
-              :pagination="pagination"
-              :row-selection="rowSelection"
+            :customRow="customRow"
+            class="ant-table-striped"
+            :row-class-name="
+              (_, index) => (index % 2 === 1 ? 'table-striped' : null)
+            "
+            row-key="id"
+            :columns="columns"
+            :data-source="data"
+            :loading="loading"
+            :pagination="pagination"
+            :row-selection="rowSelection"
           />
         </div>
       </div>
+      <div class="contentMain nolimits" v-else>
+        <div class="limitstext1">
+          抱歉，您没有关联测评的权限，您可以联系下方管理员开启权限
+        </div>
+        <div class="limitstext2">测评工具介绍</div>
+        <div class="limitsRow">
+          <div class="limitsRowDrop"></div>
+          <div class="limitsRowText">
+            人才发展项目中恰当运用测评手段可以更为精准地定位培训需求，更有针对性地设计培养项目和课程；同时，也能够帮助学员精准认知自身问题，提高在项目中的参与度。
+          </div>
+        </div>
+        <div class="limitsRow" style="margin-top: 10px">
+          <div class="limitsRowDrop"></div>
+          <div class="limitsRowText">
+            BOEU测评部经过多年的额实践，积累了一套覆盖“能力、性格和动力”三大方面的测评工具，可在人才发展项目中选择使用。
+          </div>
+        </div>
+        <div class="tool" v-for="(item, key) in toolList" :key="key">
+          <div
+            class="toolName"
+            :style="{
+              backgroundColor:
+                key === 0
+                  ? 'rgba(0, 77, 126)'
+                  : key === 1
+                  ? 'rgba(184, 0, 0)'
+                  : 'rgba(46, 129, 83)',
+            }"
+          >
+            <div>{{ item.name[0] }}</div>
+            <div>{{ item.name[1] }}</div>
+          </div>
+          <div class="toolEvery1" v-for="(i, k) in item.children" :key="k">
+            <div
+              class="toolEveryText1"
+              :style="{
+                color:
+                  key === 0
+                    ? 'rgba(5,75,120)'
+                    : key === 1
+                    ? 'rgba(169,3,3)'
+                    : 'rgba(44,120,79)',
+              }"
+            >
+              {{ i.text1 }}
+            </div>
+            <div class="toolEveryText2">{{ i.text2 }}</div>
+            <div
+              class="toolEveryText3"
+              v-if="i.text3"
+              :style="{
+                color:
+                  key === 0
+                    ? 'rgba(5,75,120)'
+                    : key === 1
+                    ? 'rgba(169,3,3)'
+                    : 'rgba(44,120,79)',
+              }"
+            >
+              {{ i.text3 }}
+            </div>
+            <div class="toolEveryText4" v-if="i.text4">{{ i.text4 }}</div>
+          </div>
+        </div>
+        <div class="limitsRow">
+          <div class="limitsRowDrop"></div>
+          <div class="limitsRowText">
+            如项目中有测评需求，请您联系BOEU测评部
+          </div>
+        </div>
+        <div class="limitsRow">
+          <div class="limitsRowDrop"></div>
+          <div class="limitsRowText">
+            联系人：王逸（10167304） 联系电话：010-60965646
+          </div>
+        </div>
+      </div>
       <div class="main_btns">
         <button class="btn1" @click="closeDrawer">取消</button>
         <button class="btn2" @click="confirm">确定</button>
@@ -54,19 +144,83 @@
   </a-drawer>
 </template>
 <script setup>
-import {computed, defineEmits, defineProps, ref, watch} from "vue";
-import {useBoeApiPage} from "@/api/request";
-import {TEST_PAGE} from "@/api/ThirdApi";
-import {message} from "ant-design-vue";
-import {useStore} from "vuex";
-
+import { computed, defineEmits, defineProps, ref, watch } from "vue";
+import { useBoeApiPage } from "@/api/request";
+import { TEST_PAGE } from "@/api/ThirdApi";
+import { message } from "ant-design-vue";
+import { useStore } from "vuex";
+const toolList = ref([
+  {
+    name: ["能力类", "测验工具"],
+    children: [
+      {
+        text1: "职场准备度测评",
+        text2: "无工作经验学生",
+        text3: "职业能力成熟度测评",
+        text4: "五年以内工龄员工",
+      },
+      {
+        text1: "职业认知能力测评",
+        text2: "五年内工龄员工",
+        text3: "商业推荐测评",
+        text4: "五年内工龄员工",
+      },
+      {
+        text1: "沟通能力测评",
+        text2: "五年内工龄员工",
+        text3: "情商测评",
+        text4: "各层级人员",
+      },
+      {
+        text1: "管理行为自检问卷",
+        text2: "基/中/高层管理者",
+        text3: "管理者情境判断测评",
+        text4: "基/中高层管理者",
+      },
+    ],
+  },
+  {
+    name: ["性格/风格", "测验工具"],
+    children: [
+      {
+        text1: "PDP性格类型测验",
+        text2: "各层级人员",
+      },
+      {
+        text1: "RTC综合评估",
+        text2: "各层级人员",
+      },
+      {
+        text1: "大五职业性格测评",
+        text2: "各层级人员",
+      },
+      {
+        text1: "领导风格测验",
+        text2: "各层级人员",
+      },
+    ],
+  },
+  {
+    name: ["动机/价值观", "测验工具"],
+    children: [
+      {
+        text1: "动机测验（内隐&外显）",
+        text2: "各层级人员",
+      },
+      {
+        text1: "职业兴趣测验",
+        text2: "各层级人员",
+      },
+    ],
+  },
+]);
 const props = defineProps({
   taskList: [],
   evaluationTypeId: String,
-  evaluationTypeName: Number
-})
-const visible = ref(false)
-const emit = defineEmits({})
+  evaluationTypeName: Number,
+});
+const visible = ref(false);
+const emit = defineEmits({});
 
 const columns = ref([
   {
@@ -100,50 +254,54 @@ const columns = ref([
     align: "center",
     ellipsis: true,
   },
-])
+]);
 
 const store = useStore();
 
 const initParams = {
-  keyword: '',
+  keyword: "",
   page: 1,
   size: 10,
-  user_id: store.state.userInfo.id
+  user_id: store.state.userInfo.id,
   // orderAsc: true
-}
-const params = ref(initParams)
+};
+const params = ref(initParams);
 
 const rowSelectKeys = ref([]);
 const selectsData = ref([]);
 const taskIndex = ref(-1);
 
-const {data, loading, total, fetch} = useBoeApiPage(TEST_PAGE, params.value, {
+const { data, loading, total, fetch } = useBoeApiPage(TEST_PAGE, params.value, {
   init: false,
-  result: res => {
-    let newArr = []
+  result: (res) => {
+    console.log("获取测评", res);
+    let newArr = [];
     for (let i = 0; i < res.result.data.length; i++) {
       res.result.data[i].id = res.result.data[i].quiz_kid;
-      newArr.push(res.result.data[i])
+      newArr.push(res.result.data[i]);
     }
-    return newArr
+    return newArr;
   },
-  totalPage: res => res.result.total_page_num,
-  total: res => res.result.count
-})
-console.log(data, 222)
+  totalPage: (res) => res.result.total_page_num,
+  total: (res) => res.result.count,
+});
+
 watch(taskIndex, () => {
   if (taskIndex.value >= 0) {
-    rowSelectKeys.value = [props.taskList[taskIndex.value].courseId]
-    selectsData.value = data.value.find(t => t.id === props.taskList[taskIndex.value].courseId) || {}
+    rowSelectKeys.value = [props.taskList[taskIndex.value].courseId];
+    selectsData.value =
+      data.value.find(
+        (t) => t.id === props.taskList[taskIndex.value].courseId
+      ) || {};
   }
-})
+});
 
 const customRow = (record) => ({
   onClick: () => {
-    rowSelectKeys.value = [record.id]
-    selectsData.value = [record]
-  }
-})
+    rowSelectKeys.value = [record.id];
+    selectsData.value = [record];
+  },
+});
 
 const pagination = computed(() => ({
   total: total.value,
@@ -155,20 +313,20 @@ const pagination = computed(() => ({
 
 const changePagination = (e) => {
   params.value.pageIndex = e;
-  fetch()
+  fetch();
 };
 const rowSelection = computed(() => ({
-  type: 'radio',
+  type: "radio",
   columnWidth: 20,
   selectedRowKeys: rowSelectKeys.value,
   onChange: onSelectChange,
   preserveSelectedRowKeys: true,
-  getCheckboxProps: getCheckboxProps
+  getCheckboxProps: getCheckboxProps,
 }));
 const getCheckboxProps = () => ({
   // 某几项默认禁止选中(R: 当state等于1时)
-  disabled: false
-})
+  disabled: false,
+});
 
 function onSelectChange(e, l) {
   rowSelectKeys.value = e;
@@ -176,28 +334,28 @@ function onSelectChange(e, l) {
 }
 
 function search() {
-  params.value.pageIndex = 1
-  fetch()
+  params.value.pageIndex = 1;
+  fetch();
 }
 
 function reset() {
   rowSelectKeys.value = [];
   selectsData.value = [];
-  params.value.pageIndex = 1
-  params.value.keyWord = ''
-  fetch()
+  params.value.pageIndex = 1;
+  params.value.keyWord = "";
+  fetch();
 }
 
 const closeDrawer = () => {
-  visible.value = false
-  taskIndex.value = -1
-  reset()
+  visible.value = false;
+  taskIndex.value = -1;
+  reset();
 };
 
 function confirm() {
   if (!selectsData.value.length || !rowSelectKeys.value.length) {
     message.warning("请选择测评！");
-    return
+    return;
   }
   // if (taskIndex.value === -1) {
   //   let list = props.taskList
@@ -220,18 +378,17 @@ function confirm() {
   // if(props.taskList!=undefined){
   //   emit('update:taskList', [...props.taskList])
   // }
-  emit('update:evaluationTypeId', selectsData.value[0].id)
-  emit('update:evaluationTypeName', selectsData.value[0].title)
-  closeDrawer()
+  emit("update:evaluationTypeId", selectsData.value[0].id);
+  emit("update:evaluationTypeName", selectsData.value[0].title);
+  closeDrawer();
 }
 
 function openDrawer(i) {
-  (i >= 0) && (taskIndex.value = i)
-  visible.value = true
+  i >= 0 && (taskIndex.value = i);
+  visible.value = true;
 }
 
-defineExpose({openDrawer})
-
+defineExpose({ openDrawer });
 </script>
 <style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
@@ -417,7 +574,9 @@ defineExpose({openDrawer})
           background-color: #eff4fc !important;
         }
 
-        .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
           background: #f6f9fd;
         }
 
@@ -431,6 +590,76 @@ defineExpose({openDrawer})
         }
       }
     }
+    .nolimits {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .limitstext1 {
+        margin-top: 30px;
+        font-size: 23px;
+        color: #333333;
+        font-weight: 600;
+      }
+      .limitstext2 {
+        margin-top: 30px;
+        font-size: 18px;
+        color: #333333;
+        font-weight: 800;
+      }
+      .limitsRow {
+        display: flex;
+        align-items: center;
+        margin-top: 20px;
+        width: 100%;
+        .limitsRowDrop {
+          width: 8px;
+          height: 8px;
+          background-color: #333333;
+          border-radius: 4px;
+          margin-left: 20px;
+          margin-right: 20px;
+          flex-shrink: 0;
+        }
+        .limitsRowText {
+          display: flex;
+          flex-wrap: wrap;
+          font-size: 16px;
+          color: #333333;
+          font-weight: 400;
+          line-height: 28px;
+        }
+      }
+      .tool {
+        width: 100%;
+        border-bottom: 1px dashed rgba(0, 78, 126);
+        display: flex;
+        margin-top: 30px;
+        align-items: center;
+        padding-bottom: 30px;
+        .toolName {
+          width: 100px;
+          height: 100px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          color: #fff;
+          font-size: 16px;
+          font-weight: 600;
+
+          border-radius: 5px;
+          margin-left: 20px;
+          margin-right: 20px;
+        }
+        .toolEvery1 {
+          text-align: center;
+          font-size: 16px;
+          color: rgba(71, 74, 76);
+          margin-right: 12px;
+          line-height: 26px;
+        }
+      }
+    }
 
     .main_btns {
       height: 72px;

src/components/project/OrgClass.vue

@@ -1,3 +1,11 @@
+<!--
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2023-02-23 10:53:15
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2023-02-23 20:28:28
+ * @FilePath: /fe-manage/src/components/project/OrgClass.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 <template>
   <a-tree-select
     :getPopupContainer="
@@ -28,7 +36,7 @@
 </template>
 <script setup>
 import { defineEmits, defineProps, ref, watch } from "vue";
-import {boeRequest, useBoeApi} from "@/api/request";
+import { boeRequest, useBoeApi } from "@/api/request";
 import { ORG_CHILD_LIST, ORG_LIST } from "@/api/ThirdApi";
 
 const props = defineProps({
@@ -79,6 +87,7 @@ function change(
     },
   }
 ) {
+  console.log("label2222", label, namePath, value);
   emit("update:name", label);
   emit("update:fullName", namePath);
   emit("update:value", value);

src/components/project/OrgClassCheck.vue

@@ -0,0 +1,101 @@
+<!--
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2023-02-23 14:57:21
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2023-02-23 20:42:25
+ * @FilePath: /fe-manage/src/components/project/OrgClassCheck.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <a-tree-select
+    :getPopupContainer="
+      (triggerNode) => {
+        return triggerNode.parentNode || document.body;
+      }
+    "
+    v-model:value="labelValue"
+    style="width: 440px; min-height: 40px"
+    :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+    placeholder="请选择归属组织"
+    :labelInValue="true"
+    allow-clear
+    v-model:treeExpandedKeys="stuTreeExpandedKeys"
+    :loading="orgLoading"
+    :load-data="onLoadData"
+    :tree-data="options"
+    :fieldNames="{
+      children: 'treeChildList',
+      label: 'name',
+      value: 'id',
+    }"
+    :disabled="disabled"
+    @change="change"
+    dropdownClassName="treeDropdown"
+    multiple
+  >
+  </a-tree-select>
+</template>
+<script setup>
+import { defineEmits, defineProps, ref, watch } from "vue";
+import { boeRequest, useBoeApi } from "@/api/request";
+import { ORG_CHILD_LIST, ORG_LIST } from "@/api/ThirdApi";
+
+const props = defineProps({
+  value: {
+    type: Array,
+    default: () => [],
+  },
+  name: {
+    type: Array,
+    default: () => [],
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+const emit = defineEmits({});
+const stuTreeExpandedKeys = ref([]);
+const labelValue = ref([]);
+const { data: options, loading: orgLoading } = useBoeApi(
+  ORG_LIST,
+  { keyword: "" },
+  {
+    init: true,
+    result: (res) => res.result.map((e) => ({ ...e, isLeaf: false })),
+  }
+);
+
+watch(props, () => {
+  stuTreeExpandedKeys.value = [];
+  console.log("labelValue.value", labelValue.value, props.value);
+  labelValue.value = props.value;
+  // if (labelValue.value.value !== props.value) {
+  //   labelValue.value = { value: props.value, label: props.name };
+  // }
+  // if (labelValue.value.label !== props.name) {
+  //   labelValue.value = { value: props.value, label: props.name };
+  // }
+});
+
+function onLoadData(treeNode) {
+  return boeRequest(ORG_CHILD_LIST, { keyword: "", orgId: treeNode.id }).then(
+    (r) => {
+      treeNode.dataRef.treeChildList = r.result.directChildList;
+      options.value = [...options.value];
+    }
+  );
+}
+
+function change(e) {
+  // console.log("label", e, emit);
+  // let label = [];
+  // let value = [];
+  // for (let i = 0; i < e.length; i++) {
+  //   label.push(e[i].label);
+  //   value.push(e[i].value);
+  // }
+  // emit("update:name", label);
+  emit("update:value", e);
+}
+</script>