feat:确定选择面授课字数限制样式

src/components/drawers/AddFaceteach.vue

@@ -1,6 +1,6 @@
 <template>
     <a-drawer
-        :visible="addonlineVisible"
+        :visible="addfaceteachVisible"
         class="drawerStyle"
         width="80%"
         title="添加在线"

src/views/courselibrary/CoursewareManage.vue

@@ -104,7 +104,6 @@
                 />
                 <div class="inp_num"><span style="color:#C7CBD2">{{ value5.length }}/20</span></div>
               </div>
-              <!-- <div class="showcount">{{ valueE.length }}/20</div> -->
             </div>
             <div class="b_sub">
               <div class="bs_header">
@@ -258,8 +257,8 @@
                           maxlength="90"
                           style="width: 440px; height: 40px; border-radius: 8px"
                           placeholder="请输入课程名称"
-                        >
+                        />
-                        </a-input>
+                        <div class="inp_num"><span style="color:#C7CBD2">{{ value6.length }}/90</span></div>
                       </div>
                     </div>
                   </div>
@@ -342,6 +341,7 @@
                           style="width: 440px; height: 40px; border-radius: 8px"
                           placeholder="请输入目标人群"
                         />
+                        <div class="inp_num"><span style="color:#C7CBD2">{{ value7.length }}/50</span></div>
                       </div>
                     </div>
                   </div>
@@ -357,6 +357,7 @@
                           style="width: 440px; height: 40px; border-radius: 8px"
                           placeholder="请输入课程价值"
                         />
+                        <div class="inp_num"><span style="color:#C7CBD2">{{ value8.length }}/200</span></div>
                       </div>
                     </div>
                   </div>
@@ -441,6 +442,7 @@
                           style="width: 440px; height: 100px; border-radius: 8px"
                           placeholder="请输入"
                         />
+                        <div class="inp_num"><span style="color:#C7CBD2">{{ value11.length }}/150</span></div>
                       </div>
                     </div>
                     
@@ -992,9 +994,11 @@
             <div class="b_input">
               <a-input
                 v-model:value="value20"
+                maxlength="50"
                 style="width: 440px; height: 40px; border-radius: 8px"
                 placeholder="请输入详细地点"
               />
+              <div class="inp_num"><span style="color:#C7CBD2">{{ value20.length }}/50</span></div>
             </div>
           </div>
           <div class="cstm_items">
@@ -2094,6 +2098,10 @@ export default defineComponent({
       // value2:"",
       value5:"",
       value6:"",
+      value7:"",
+      value8:"",
+      value11:"",
+      value20:"",
       valueE:"",
       valueB:"",
       valueC:"",
@@ -2937,6 +2945,7 @@ export default defineComponent({
       }
       .m_body {
         display: flex;
+        flex-wrap: wrap;
         .mb_left {
           width: 50%;
           .mbl_items {
@@ -2949,6 +2958,7 @@ export default defineComponent({
               display: flex;
               align-items: center;
               justify-content: flex-end;
+              white-space: nowrap;
               .asterisk_icon{
                 width: 10px;
                 height: 10px;
@@ -2958,6 +2968,12 @@ export default defineComponent({
             }
             .item_inp{
               flex:1;
+              position: relative;
+              .inp_num{
+                position: absolute;
+                left:398px;
+                top:10px;
+              }
             }
           }
             .i2_cz{
@@ -2987,6 +3003,7 @@ export default defineComponent({
               display: flex;
               align-items: center;
               justify-content: flex-end;
+              white-space: nowrap;
               .asterisk_icon{
                 width: 10px;
                 height: 10px;
@@ -2996,6 +3013,12 @@ export default defineComponent({
             }
             .item_inp{
               flex:1;
+              position: relative;
+              .inp_num{
+                position: absolute;
+                left:395px;
+                bottom:10px;
+              }
             }
             .accessory{
               display:flex;
@@ -3359,6 +3382,7 @@ export default defineComponent({
         }
         .b_input{
           flex:1;
+          position: relative;
           .upload_box {
             display: flex;
             cursor: pointer;
@@ -3368,6 +3392,11 @@ export default defineComponent({
               margin-right: 5px;
             }
           }
+          .inp_num{
+            position: absolute;
+            top:9px;
+            right:10px;
+          }
         }
       }
       .items_fj{