fix(BUG:46):修改学习路径图-添加测评-测评说明文字字数限制

src/components/drawers/AddEval.vue

@@ -1,49 +1,30 @@
 <template>
-  <a-drawer
-      :visible="addevalVisible"
-      class="drawerStyle addevalDrawer"
-      width="80%"
-      title="添加测评"
-      placement="right"
-      @after-visible-change="afterVisibleChange"
-  >
+  <a-drawer :visible="addevalVisible" class="drawerStyle addevalDrawer" width="80%" title="添加测评" placement="right"
+    @after-visible-change="afterVisibleChange">
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">{{ edit ? "编辑" : "添加" }}测评</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="main_left">
           <div class="main_item">
             <div class="signbox">
               <div class="sign">
-                <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                />
+                <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
               </div>
               <span style="margin-right: 3px">测评名称：</span>
             </div>
             <div class="btnbox">
-              <a-input
-                  v-model:value="inputV1"
-                  style="width: 424px; height: 32px"
-                  placeholder="请输入测评名称"
-                  maxlength="20"
-              />
+              <a-input v-model:value="inputV1" style="width: 424px; height: 32px" placeholder="请输入测评名称"
+                maxlength="20" />
             </div>
           </div>
           <div class="main_item">
             <div class="signbox">
               <div class="sign">
-                <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                />
+                <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
               </div>
               <span style="margin-right: 3px">选择测评：</span>
             </div>
@@ -52,13 +33,9 @@
                 选择测评
               </button>
               <span style="margin-left: 10px">
-                <a-tag
-                    class="tag-style"
-                    v-if="evaluationTypeName !== ''"
-                    :closable="true"
-                    @close="delTag"
-                >{{ evaluationTypeName }}</a-tag
-                >
+                <a-tag class="tag-style" v-if="evaluationTypeName !== ''" :closable="true" @close="delTag">{{
+                    evaluationTypeName
+                }}</a-tag>
               </span>
             </div>
           </div>
@@ -67,12 +44,8 @@
               <span style="margin-right: 3px">有效期：</span>
             </div>
             <div class="btnbox">
-              <a-range-picker
-                  style="width: 424px"
-                  v-model:value="time"
-                  format="YYYY-MM-DD HH:mm:ss"
-                  :placeholder="['      开始时间', '        结束时间']"
-              />
+              <a-range-picker style="width: 424px" v-model:value="time" format="YYYY-MM-DD HH:mm:ss"
+                :placeholder="['      开始时间', '        结束时间']" />
             </div>
           </div>
           <div class="main_item2">
@@ -80,12 +53,9 @@
               <span style="margin-right: 3px">测评说明：</span>
             </div>
             <div class="textarea">
-              <a-textarea
-                  v-model:value="description"
-                  placeholder="请输入测评说明"
-                  style="width: 424px; height: 120px"
-                  allowClear
-              />
+              <a-textarea maxlength="150" v-model:value="description" placeholder="请输入测评说明"
+                style="width: 424px; height: 120px" allowClear />
+              <span style="position:relative;top:96px;left:-54px;z-index:9999;">{{ description.length }}/150</span>
             </div>
           </div>
         </div>
@@ -95,26 +65,23 @@
         <button class="btn2" @click="creoredit">确定</button>
       </div>
     </div>
-    <EvList
-        v-model:EvalListVisible="EvalListVisible"
-        v-model:evaluationTypeName="evaluationTypeName"
-        @getEvListData="checkFinish"
-    />
+    <EvList v-model:EvalListVisible="EvalListVisible" v-model:evaluationTypeName="evaluationTypeName"
+      @getEvListData="checkFinish" />
     <!-- <div class="aeLoading" :style="{display:addLoading?'flex':'none'}">
       <a-spin :spinning="addLoading" tip="添加中..." />
     </div> -->
   </a-drawer>
 </template>
 <script>
-import {reactive, toRefs} from "vue";
+import { reactive, toRefs } from "vue";
 // import { useRouter } from "vue-router";
 import EvList from "./EvList.vue";
 import * as api from "../../api/indexEval";
 import * as apitaskadd from "../../api/indexTaskadd";
-import {message} from "ant-design-vue";
-import {RouterEditTask} from "@/api/indexTask";
+import { message } from "ant-design-vue";
+import { RouterEditTask } from "@/api/indexTask";
 import dayjs from "dayjs";
-import {addTempTask} from "../../api/indexTaskadd";
+import { addTempTask } from "../../api/indexTaskadd";
 
 export default {
   name: "AddEval",
@@ -170,7 +137,7 @@ export default {
       evaluationTypeId: null,
       evaluationTypeName: '',
       description: "",
-      EvalListVisible: false,
+      EvalListVisible: false
       // addLoading:false,
     });
     const checkFinish = (value) => {
@@ -184,8 +151,8 @@ export default {
       state.time = undefined;
       state.description = "";
       state.evaluationTypeId = 0,
-          state.evaluationTypeName = "",
-          localStorage.setItem("stageId", props.chooseStageId);
+        state.evaluationTypeName = "",
+        localStorage.setItem("stageId", props.chooseStageId);
       localStorage.setItem("chapterId", props.isactive);
     };
     const afterVisibleChange = (bool) => {
@@ -212,32 +179,32 @@ export default {
           routerTaskId: props.routerTaskId || 0,
           type: 10,
         })
-            .then(() => {
-              //message.success(`${props.EditTestId ? "编辑" : "新增"}关卡任务成功`);
-            })
-            .catch(() => {
-              //message.error(`${props.EditTestId ? "编辑" : "新增"}关卡任务失败`);
-            });
+          .then(() => {
+            //message.success(`${props.EditTestId ? "编辑" : "新增"}关卡任务成功`);
+          })
+          .catch(() => {
+            //message.error(`${props.EditTestId ? "编辑" : "新增"}关卡任务失败`);
+          });
       } else if (props.isLevel == 2) {
         await apitaskadd
-            .addTask({
-              duration: 0,
-              flag: true,
-              courseId: Number(value.evaluationId),
-              name: value.evaluationName,
-              projectId: props.projectId,
-              projectTaskId: props.projectTaskId || 0,
-              stageId: props.chooseStageId || 0,
-              type: 10,
-            })
-            .then(() => {
-              message.destroy()
-              message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
-            })
-            .catch(() => {
-              message.destroy()
-              //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
-            });
+          .addTask({
+            duration: 0,
+            flag: true,
+            courseId: Number(value.evaluationId),
+            name: value.evaluationName,
+            projectId: props.projectId,
+            projectTaskId: props.projectTaskId || 0,
+            stageId: props.chooseStageId || 0,
+            type: 10,
+          })
+          .then(() => {
+            message.destroy()
+            message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
+          })
+          .catch(() => {
+            message.destroy()
+            //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
+          });
       } else if (props.isLevel == 3) {
         await addTempTask({
           courseId: Number(value.evaluationId),
@@ -247,12 +214,12 @@ export default {
           stageId: props.chooseStageId || 0,
           type: 10,
         })
-            .then(() => {
-              //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
-            })
-            .catch(() => {
-              //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
-            });
+          .then(() => {
+            //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
+          })
+          .catch(() => {
+            //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
+          });
       }
     };
     //根据id获取测评信息
@@ -261,24 +228,24 @@ export default {
         evaluationId: props.EditEvalId,
       };
       api
-          .queryEvaluationDetailById(objqi)
-          .then((res) => {
-            message.destroy()
-            message.success("获取测评信息成功");
-            state.inputV1 = res.data.data.evaluationName
-            state.evaluationTypeName = res.data.data.evaluationTypeName
-            state.evaluationTypeId = res.data.data.evaluationTypeId;
-            state.time = res.data.data.evaluationStartTime ? [
-              dayjs(res.data.data.evaluationStartTime, "YYYY-MM-DD"),
-              dayjs(res.data.data.evaluationEndTime, "YYYY-MM-DD"),
-            ] : undefined;
-            state.description = res.data.data.evaluationExplain
-          })
-          .catch((err) => {
-            message.destroy()
-            message.error("获取测量平信息失败");
-            console.log(err, "erererrerererererer");
-          });
+        .queryEvaluationDetailById(objqi)
+        .then((res) => {
+          message.destroy()
+          message.success("获取测评信息成功");
+          state.inputV1 = res.data.data.evaluationName
+          state.evaluationTypeName = res.data.data.evaluationTypeName
+          state.evaluationTypeId = res.data.data.evaluationTypeId;
+          state.time = res.data.data.evaluationStartTime ? [
+            dayjs(res.data.data.evaluationStartTime, "YYYY-MM-DD"),
+            dayjs(res.data.data.evaluationEndTime, "YYYY-MM-DD"),
+          ] : undefined;
+          state.description = res.data.data.evaluationExplain
+        })
+        .catch((err) => {
+          message.destroy()
+          message.error("获取测量平信息失败");
+          console.log(err, "erererrerererererer");
+        });
     }
     const creoredit = () => {
       if (props.edit) {
@@ -287,6 +254,7 @@ export default {
         createEvalText()
       }
     }
+
     const editInvistText = () => {
       if (!state.inputV1) {
         message.destroy();
@@ -309,18 +277,18 @@ export default {
         updateTime: "",
       };
       api
-          .updateEvaluation(objei)
-          .then(async (res) => {
-            await updateTask(res.data.data);
-            closeDrawer();
-            ctx.emit("changeData", false);
-            message.destroy();
-            message.success("创建测评成功");
-          })
-          .catch(() => {
-            message.destroy();
-            message.success("创建测评失败");
-          });
+        .updateEvaluation(objei)
+        .then(async (res) => {
+          await updateTask(res.data.data);
+          closeDrawer();
+          ctx.emit("changeData", false);
+          message.destroy();
+          message.success("创建测评成功");
+        })
+        .catch(() => {
+          message.destroy();
+          message.success("创建测评失败");
+        });
     }
     //创建测评信息
     const createEvalText = () => {
@@ -346,18 +314,18 @@ export default {
         updateTime: "",
       };
       api
-          .createEvaluation(obj)
-          .then(async (res) => {
-            await updateTask(res.data.data);
-            closeDrawer();
-            ctx.emit("changeData", false);
-            message.destroy();
-            message.success("创建测评成功");
-          })
-          .catch(() => {
-            message.destroy();
-            message.success("创建测评失败");
-          });
+        .createEvaluation(obj)
+        .then(async (res) => {
+          await updateTask(res.data.data);
+          closeDrawer();
+          ctx.emit("changeData", false);
+          message.destroy();
+          message.success("创建测评成功");
+        })
+        .catch(() => {
+          message.destroy();
+          message.success("创建测评失败");
+        });
     };
 
     return {
@@ -372,7 +340,7 @@ export default {
       queryInvistById,
       editInvistText,
       showEvalDrawer,
-      updateTask,
+      updateTask
     };
   },
 };