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) => {
@@ -287,6 +254,7 @@ export default {
         createEvalText()
       }
     }
+
     const editInvistText = () => {
       if (!state.inputV1) {
         message.destroy();
@@ -372,7 +340,7 @@ export default {
       queryInvistById,
       editInvistText,
       showEvalDrawer,
-      updateTask,
+      updateTask
     };
   },
 };