封面图

src/views/courselibrary/CoursewareManage.vue

@@ -371,7 +371,27 @@
                     <span style="margin-right: 14px">封面图</span>
                   </div>
                   <div class="item_inp">
-                    <a-upload
+                    <a-select
+                      :getPopupContainer="
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
+                      v-model:value="feng_mian_1"
+                      dropdownClassName="dropdown-style"
+                      style="width: 440px"
+                      placeholder="请选择"
+                      :options="optionsUrl"
+                      allowClear
+                      showSearch
+                    ></a-select>
+                    <img
+                      class="i_upload_img"
+                      v-if="feng_mian_1"
+                      :src="feng_mian_1"
+                      alt="avatar"
+                    />
+                    <!-- <a-upload
                       name="avatar"
                       list-type="picture-card"
                       class="avatar-uploader"
@@ -391,7 +411,7 @@
                           <div class="shu"></div>
                         </div>
                       </div>
-                    </a-upload>
+                    </a-upload> -->
                     <div class="i_bottom">
                       <span style="color: #999ba3">
                         高宽比为16:9 (如:800*450) png或jpg图片
@@ -788,7 +808,27 @@
                     <span style="margin-right: 14px">封面图</span>
                   </div>
                   <div class="item_inp">
-                    <a-upload
+                    <a-select
+                      :getPopupContainer="
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
+                      v-model:value="feng_mian_2"
+                      dropdownClassName="dropdown-style"
+                      style="width: 440px"
+                      placeholder="请选择"
+                      :options="optionsUrl"
+                      allowClear
+                      showSearch
+                    ></a-select>
+                    <img
+                      class="i_upload_img"
+                      v-if="feng_mian_2"
+                      :src="feng_mian_2"
+                      alt="avatar"
+                    />
+                    <!-- <a-upload
                       name="avatar"
                       list-type="picture-card"
                       class="avatar-uploader"
@@ -808,7 +848,7 @@
                           <div class="shu"></div>
                         </div>
                       </div>
-                    </a-upload>
+                    </a-upload> -->
                     <div class="i_bottom">
                       <span style="color: #999ba3">
                         高宽比为16:9 (如:800*450) png或jpg图片
@@ -3711,6 +3751,8 @@ export default defineComponent({
       tagsOptions: [],
       qdms_inputV5: null,
       fen_lei: null,
+      feng_mian_1: null,
+      feng_mian_2: null,
       chang_jin: null,
       tags_val: [],
       qdms_inputV6: "",
@@ -4184,7 +4226,8 @@ export default defineComponent({
       getTea();
     };
 
-    //获取分类、场景、教师、-----------字典配置-------------------------------
+    //获取分类、场景、封面图、-----------字典配置-------------------------------
+    const optionsUrl = ref([]);
     const getDictList = (param) => {
       let obj = {
         pageNo: 1,
@@ -4197,9 +4240,18 @@ export default defineComponent({
           console.log("获取字典成功", res);
           if (res.data.code === 200) {
             if (param === "faceclassPic") {
-              if (res.data.data.rows.length > 0) {
+              let arr = res.data.data.rows;
-                state.imageUrl = res.data.data.rows[0].dictValue;
+              let newArr = [];
-              }
+              arr.forEach((item) => {
+                newArr.push({
+                  value: item.dictValue,
+                  label: item.dictName,
+                });
+              });
+              optionsUrl.value = newArr;
+              // if (res.data.data.rows.length > 0) {
+              //   state.imageUrl = res.data.data.rows[0].dictValue;
+              // }
             }
             if (param === "faceclassClass") {
               let arr = res.data.data.rows;
@@ -4232,7 +4284,7 @@ export default defineComponent({
     getDictList("faceclassClass");
     getDictList("faceclassScene");
     getDictList("faceclassPic");
-    //获取分类、场景、教师、----------------字典配置---------------------------
+    //获取分类、场景、封面图、----------------字典配置---------------------------
 
     //渲染学员管理操作
     const getTableDate2 = async () => {
@@ -4474,6 +4526,8 @@ export default defineComponent({
       state.qdms_inputV2 = "";
       state.qdms_inputV3 = "";
       state.fen_lei = null;
+      state.feng_mian_1 = null;
+      state.feng_mian_2 = null;
       state.chang_jin = null;
       state.tags_val = [];
       state.qdms_inputV5 = null;
@@ -4504,7 +4558,8 @@ export default defineComponent({
       const postData = {
         offcourseId: state.offcourseId, //不传代表新增
         name: state.qdms_inputV1,
-        picUrl: state.imageUrl,
+        // picUrl: state.imageUrl,
+        picUrl: state.feng_mian_1,
         targetUser: state.qdms_inputV2,
         meaning: state.qdms_inputV3,
         categoryId: state.fen_lei,
@@ -5072,7 +5127,8 @@ export default defineComponent({
       console.log(options3.value);
 
       state.qdms_inputV1 = item.name;
-      state.imageUrl = item.picUrl;
+      // state.imageUrl = item.picUrl;
+      state.feng_mian_1 = item.picUrl;
       state.qdms_inputV2 = item.targetUser;
       state.qdms_inputV3 = item.meaning;
       state.fen_lei = String(item.categoryId);
@@ -5109,8 +5165,8 @@ export default defineComponent({
     };
     const handleLook = async (itm, type) => {
       // state.isEdit = 0;
-      console.log(45555);
+      // console.log(45555);
-      console.log(itm);
+      // console.log(itm);
       if (type === "1") {
         return;
       }
@@ -5124,12 +5180,12 @@ export default defineComponent({
       state.lookCourseModal = true;
       item.attach = item.attach == "" ? [] : item.attach.split(",");
       state.faceDetailObj = item;
-      // heroImg.value.src = item.picUrl;
+      // // heroImg.value.src = item.picUrl;
-      // valueHtmlRef.value = item.outline;
+      // // valueHtmlRef.value = item.outline;
-      // attachMap.value = item.attach == "" ? [] : item.attach.split(",");
+      // // attachMap.value = item.attach == "" ? [] : item.attach.split(",");
-      console.log("res222222222");
+      // console.log("res222222222");
-      console.log(item);
+      // console.log(item);
-      console.log(state.lookCourseModal);
+      // console.log(state.lookCourseModal);
 
       // state.qdms_inputV1 = item.name;
       // state.imageUrl = item.picUrl;
@@ -5519,6 +5575,7 @@ export default defineComponent({
       options2,
       options3,
       options4,
+      optionsUrl,
       of_hShow,
       of_exit1,
       of_exit,
@@ -6864,6 +6921,7 @@ export default defineComponent({
                   flex: 1;
 
                   .i_upload_img {
+                    margin-top: 10px;
                     width: 100px;
                     height: 100px;
                     border-radius: 8px;