fix:修改直播搜索选择授课老师

src/components/drawers/AddLive.vue

@@ -1,41 +1,25 @@
 <!-- 直播抽屉 -->
 <template>
-  <a-drawer
+  <a-drawer :visible="addliveVisible" class="drawerStyle addliveDrawer" width="80%" title="添加直播" placement="right"
-    :visible="addliveVisible"
+    @after-visible-change="afterVisibleChange">
-    class="drawerStyle addliveDrawer"
-    width="80%"
-    title="添加直播"
-    placement="right"
-    @after-visible-change="afterVisibleChange"
-  >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">{{ edit ? "编辑" : "添加" }}直播</div>
-        <img
+        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-          style="width: 29px; height: 29px; cursor: pointer"
+          @click="closeDrawer" />
-          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
+                <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
+              <a-input v-model:value="inputV1" style="width: 400px; height: 32px" placeholder="请输入考试名称"
-                v-model:value="inputV1"
+                maxlength="20" />
-                style="width: 400px; height: 32px"
-                placeholder="请输入考试名称"
-                maxlength="20"
-              />
             </div>
           </div>
           <div class="main_item2">
@@ -43,55 +27,34 @@
               <span style="margin-right: 3px">直播说明：</span>
             </div>
             <div class="textarea">
-              <a-textarea
+              <a-textarea v-model:value="textV1" placeholder="请输入考试说明" allow-clear maxlength="364px" />
-                v-model:value="textV1"
-                placeholder="请输入考试说明"
-                allow-clear
-                maxlength="364px"
-              />
             </div>
           </div>
           <div class="main_item">
             <div class="signbox">
               <div class="sign">
-                <img
+                <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
+              <a-range-picker style="width: 424px" v-model:value="time" :placeholder="['      开始时间', '        结束时间']" />
-                style="width: 424px"
-                v-model:value="time"
-                :placeholder="['      开始时间', '        结束时间']"
-              />
             </div>
           </div>
           <div class="main_item">
             <div class="signbox">
               <div class="sign">
-                <img
+                <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-number
+              <a-input-number :min="0" :max="300" :precision="0" style="
-                :min="0"
-                :max="300"
-                :precision="0"
-                style="
                   width: 364px;
                   height: 32px;
                   border-radius: 8px;
                   overflow: hidden;
-                "
+                " v-model:value="inputV2"></a-input-number>
-                v-model:value="inputV2"
-              ></a-input-number>
 
               <span style="margin-left: 5px">分钟</span>
             </div>
@@ -99,53 +62,27 @@
           <div class="main_item">
             <div class="signbox">
               <div class="sign">
-                <img
+                <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-auto-complete
+              <a-auto-complete v-model:value="memberValue.label" placeholder="请选择老师" style="width: 364px"
-                v-model:value="memberValue.label"
+                :options="options" @search="handleSearch"></a-auto-complete>
-                show-search
-                :not-found-content="fetching ? undefined : null"
-                placeholder="Select a teacher"
-                style="width: 364px"
-                :options="options"
-                @focus="handleFocus"
-                @change="handleChange2"
-                @popupScroll="templateScroll"
-                @search="handleSearch"
-              ></a-auto-complete>
             </div>
           </div>
           <div class="mbl_items2">
             <div class="item_nam">
               <div class="asterisk_icon">
-                      <img
+                <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
               </div>
               <span style="margin-right: 14px">直播封面</span>
             </div>
             <div class="item_inp">
 
-                    <a-upload
+              <a-upload name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
-                      name="avatar"
+                :before-upload="beforeUpload">
-                      list-type="picture-card"
+                <img class="i_upload_img" v-if="imageUrl" :src="imageUrl" alt="avatar" />
-                      class="avatar-uploader"
-                      :show-upload-list="false"
-                      :before-upload="beforeUpload"
-                    >
-                      <img
-                        class="i_upload_img"
-                        v-if="imageUrl"
-                        :src="imageUrl"
-                        alt="avatar"
-                      />
                 <div class="i_upload" v-else>
                   <div class="addimg">
                     <div class="heng"></div>
@@ -164,11 +101,7 @@
               <span style="margin-right: 3px">直播链接：</span>
             </div>
             <div class="btnbox">
-              <a-input
+              <a-input v-model:value="inputV4" style="width: 424px; height: 32px" placeholder="请输入直播链接" />
-                v-model:value="inputV4"
-                style="width: 424px; height: 32px"
-                placeholder="请输入直播链接"
-              />
             </div>
           </div>
           <div class="main_item">
@@ -185,11 +118,7 @@
                 <span style="margin-right: 3px">回放链接：</span>
               </div>
               <div class="btnbox">
-                <a-input
+                <a-input v-model:value="inputV5" style="width: 424px; height: 32px" placeholder="请输入回放链接" />
-                  v-model:value="inputV5"
-                  style="width: 424px; height: 32px"
-                  placeholder="请输入回放链接"
-                />
               </div>
             </div>
           </div>
@@ -199,8 +128,7 @@
               <span style="margin-right: 3px">评估：</span>
             </div>
             <div class="btnbox2">
-              <a-checkbox v-model:checked="needEval"  @click="needEval=!needEval"
+              <a-checkbox v-model:checked="needEval" @click="needEval = !needEval">需要评估</a-checkbox>
-                >需要评估</a-checkbox >
             </div>
           </div>
           <div v-if="needEval" class="main_item">
@@ -211,12 +139,10 @@
               <div v-if="assessmentId > 0">
                 <a-tag closable color="processing" @close="logA">
                   <span style="font-size:14px;line-height: 33px;">删除评估</span>
-            </a-tag></div>
+                </a-tag>
-            <AssessmentList
+              </div>
-                      v-model:assessmentVisible="assessmentVisible"
+              <AssessmentList v-model:assessmentVisible="assessmentVisible" v-model:titleTag="titleTag"
-                      v-model:titleTag="titleTag"
+                v-model:assessmentId="assessmentId" />
-                      v-model:assessmentId="assessmentId"
-                    />
 
             </div>
           </div>
@@ -228,63 +154,47 @@
             </div>
             <div class="kqszbox">
               <div class="qdqtbox">
-                <div class="qdbtn"><div class="btntext">签到</div></div>
+                <div class="qdbtn">
+                  <div class="btntext">签到</div>
+                </div>
               </div>
               <div class="setbox">
                 <div class="timerbox">
                   <span>开始前：</span>
-                  <a-input-number
+                  <a-input-number :min="0" :max="30" :precision="0" style="
-                    :min="0"
-                    :max="30"
-                    :precision="0"
-                    style="
                       width: 88px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
-                    "
+                    " v-model:value="inputV6"></a-input-number>
-                    v-model:value="inputV6"
-                  ></a-input-number>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
                 <div class="timerbox">
                   <span>开始后：</span>
-                  <a-input-number
+                  <a-input-number :min="0" :max="30" :precision="0" style="
-                    :min="0"
-                    :max="30"
-                    :precision="0"
-                    style="
                       width: 88px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
-                    "
+                    " v-model:value="inputV7"></a-input-number>
-                    v-model:value="inputV7"
-                  ></a-input-number>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
               </div>
               <div class="qdqtbox">
-                <div class="qtbtn"><div class="btntext">签退</div></div>
+                <div class="qtbtn">
+                  <div class="btntext">签退</div>
+                </div>
               </div>
               <div class="setbox">
                 <div class="timerbox">
                   <span>结束前：</span>
-                  <a-input-number
+                  <a-input-number :min="0" :max="30" :precision="0" style="
-                    :min="0"
-                    :max="30"
-                    :precision="0"
-                    style="
                       width: 88px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
-                    "
+                    " v-model:value="inputV8"></a-input-number>
-                    v-model:value="inputV8"
+                  <span style="color: #999999; margin-left: 8px">分钟（提前签退则记为早退）</span>
-                  ></a-input-number>
-                  <span style="color: #999999; margin-left: 8px"
-                    >分钟（提前签退则记为早退）</span
-                  >
                 </div>
               </div>
             </div>
@@ -296,9 +206,7 @@
             <div class="btnbox">
               <a-radio-group v-model:value="radioV1">
                 <a-radio :value="1" @click="cloradio1">仅签到</a-radio>
-                <a-radio :value="2" @click="cloradio1"
+                <a-radio :value="2" @click="cloradio1">签到、签退全部完成</a-radio>
-                  >签到、签退全部完成</a-radio
-                >
               </a-radio-group>
             </div>
           </div>
@@ -307,11 +215,7 @@
               <span style="margin-right: 3px">其他设置：</span>
             </div>
             <div class="btnbox">
-              <a-checkbox
+              <a-checkbox v-model:checked="checkedC2" @onclick="checkedC2 = !checkedC2">学员请假后记为任务完成</a-checkbox>
-                v-model:checked="checkedC2"
-                @onclick="checkedC2 = !checkedC2"
-                >学员请假后记为任务完成</a-checkbox
-              >
             </div>
           </div>
         </div>
@@ -760,7 +664,7 @@ export default {
       options.value = [];
       state.fetching = true;
       state.currentPage = 1;
-      state.memberValue = memberValue;
+      state.memberValue.label = memberValue;
       queryMember();
       state.fetching = false;
     }, 300);
@@ -804,6 +708,7 @@ export default {
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
+
 .addliveDrawer {
   .drawerMain {
     .header {
@@ -813,6 +718,7 @@ export default {
       justify-content: space-between;
       align-items: center;
       flex-shrink: 0;
+
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
@@ -821,32 +727,39 @@ export default {
         margin-left: 24px;
       }
     }
+
     .contentMain {
       display: flex;
       justify-content: space-between;
+
       .main_left {
         padding-right: 30px;
         flex: 1;
         border-right: 1px solid #e8e8e8;
         margin-top: 32px;
+
         .main_item {
           display: flex;
           align-items: center;
           margin-top: 32px;
           margin-bottom: 32px;
+
           .signbox {
             width: 120px;
             display: flex;
             justify-content: end;
             align-items: center;
+
             .sign {
               margin-right: 5px;
             }
           }
+
           .btnbox {
             display: flex;
             flex: 1;
             align-items: center;
+
             .xkbtn {
               cursor: pointer;
               width: 130px;
@@ -859,24 +772,29 @@ export default {
             }
           }
         }
+
         .main_item2 {
           display: flex;
           align-items: flex-start;
           margin-bottom: 32px;
+
           .signbox {
             width: 120px;
             display: flex;
             justify-content: end;
             align-items: center;
+
             .sign {
               margin-right: 5px;
             }
           }
+
           .kqszbox {
             .qdqtbox {
               margin-left: 5px;
               cursor: pointer;
             }
+
             .qdbtn,
             .qtbtn {
               width: 75px;
@@ -887,15 +805,18 @@ export default {
               display: flex;
               align-items: center;
               justify-content: center;
+
               .btntext {
                 color: #387df7;
               }
             }
+
             .setbox {
               display: flex;
               flex-wrap: wrap;
               margin-top: 10px;
               margin-bottom: 24px;
+
               .timerbox {
                 margin-top: 6px;
                 margin-right: 32px;
@@ -905,10 +826,12 @@ export default {
               }
             }
           }
+
           .btnbox2 {
             display: flex;
             flex-direction: column;
             justify-content: flex-start;
+
             .xkbtn {
               cursor: pointer;
               width: 130px;
@@ -923,20 +846,24 @@ export default {
             }
           }
         }
+
         .mbl_items2 {
           display: flex;
           align-items: start;
           margin-top: 10px;
           margin-bottom: 10px;
+
           .i_bottom {
             margin-bottom: 30px;
           }
+
           .item_nam {
             width: 100px;
             display: flex;
             align-items: center;
             justify-content: flex-end;
             white-space: nowrap;
+
             .asterisk_icon {
               width: 10px;
               height: 10px;
@@ -944,13 +871,16 @@ export default {
               margin-top: -15px;
             }
           }
+
           .item_inp {
             flex: 1;
+
             .i_upload_img {
               width: 100px;
               height: 100px;
               border-radius: 8px;
             }
+
             .i_upload {
               width: 100px;
               height: 100px;
@@ -959,8 +889,10 @@ export default {
               text-align: center;
               align-items: center;
               cursor: pointer;
+
               .addimg {
                 position: relative;
+
                 .heng {
                   position: absolute;
                   top: 50px;
@@ -968,6 +900,7 @@ export default {
                   width: 50px;
                   border: 1px solid #4ea6ff;
                 }
+
                 .shu {
                   position: absolute;
                   top: 25px;
@@ -982,6 +915,7 @@ export default {
 
       }
     }
+
     .main_btns {
       height: 72px;
       width: 100%;
@@ -991,6 +925,7 @@ export default {
       align-items: center;
       justify-content: center;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
       .btn1 {
         width: 100px;
         height: 40px;
@@ -1000,6 +935,7 @@ export default {
         background-color: #fff;
         cursor: pointer;
       }
+
       .btn2 {
         cursor: pointer;
         width: 100px;