fix:项目/学习路径图编辑在线课页面样式修改

src/components/drawers/AddOnline.vue

@@ -62,7 +62,8 @@
             <div class="notice_icon"></div>
             <span style="color: rgba(0, 0, 0, 0.65); margin-right: 17px"
               >已选择
-              <span style="color: #388be1">{{ selectedRowKeys.length }}</span>
+              <span v-if="edit"  style="color: #388be1">{{ 1 }}</span>
+              <span v-else style="color: #388be1">{{ selectedRowKeys.length }}</span>
               项</span
             >
             <span style="color: rgba(0, 0, 0, 0.65)"
@@ -75,49 +76,69 @@
         </div>
         <div class="main_table">
           <!-- 编辑的表格 -->
-          <a-table
+          <div v-if="edit"> 
-            v-if="edit"
+            <div v-if="choicecourse" class="main_btns" style="justify-content:flex-start;">
-            class="ant-table-striped"
+                <div class="btn2" style="display:flex;justify-content:center;align-items:center;" @click="ChoiceCourse">选择在线课</div>
-            :row-class-name="
+            </div>
-              (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
+            <div v-else>
-            "
+              <a-table
-            :row-selection="{
+                class="ant-table-striped"
-              type:'radio',
+                :row-class-name="
-              selectedRowKeys: selectedRowKeys,
+                  (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
-              onChange: onSelectChange,
+                "
-            }"
+                :row-selection="{
-            :columns="tableDataFunc()"
+                  type:'radio',
-            :data-source="tableData"
+                  selectedRowKeys: selectedRowKeys,
-            :loading="tableDataTotal === -1 ? true : false"
+                  onChange: onSelectChange,
-            :pagination="false"
+                }"
-          />
+                :columns="tableDataFunc()"
-          <a-table
+                :data-source="tableData"
-            v-else
+                :loading="tableDataTotal === -1 ? true : false"
-            class="ant-table-striped"
+                :pagination="false"
-            :row-class-name="
+              />
-              (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
+              <div class="pa">
-            "
+                <a-pagination
-            :row-selection="{
+                  v-if="tableDataTotal > 10"
-              selectedRowKeys: selectedRowKeys,
+                  showSizeChanger="true"
-              onChange: onSelectChange,
+                  showQuickJumper="true"
-            }"
+                  hideOnSinglePage="true"
-            :columns="tableDataFunc()"
+                  :pageSize="pageSize"
-            :data-source="tableData"
+                  :current="currentPage"
-            :loading="tableDataTotal === -1 ? true : false"
+                  :total="tableDataTotal"
-            :pagination="false"
+                  class="pagination"
-          />
+                  @change="handelChangePage"
-          <div class="pa">
+                />
-            <a-pagination
+              </div>
-              v-if="tableDataTotal > 10"
+            </div>
-              showSizeChanger="true"
+          </div>
-              showQuickJumper="true"
+          <div v-else>
-              hideOnSinglePage="true"
+            <a-table
-              :pageSize="pageSize"
+              class="ant-table-striped"
-              :current="currentPage"
+              :row-class-name="
-              :total="tableDataTotal"
+                (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
-              class="pagination"
+              "
-              @change="handelChangePage"
+              :row-selection="{
+                selectedRowKeys: selectedRowKeys,
+                onChange: onSelectChange,
+              }"
+              :columns="tableDataFunc()"
+              :data-source="tableData"
+              :loading="tableDataTotal === -1 ? true : false"
+              :pagination="false"
             />
+            <div class="pa">
+              <a-pagination
+                v-if="tableDataTotal > 10"
+                showSizeChanger="true"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                @change="handelChangePage"
+              />
+            </div>
           </div>
         </div>
       </div>
@@ -206,8 +227,15 @@ export default {
       currentPage: 1,
       tableDataTotal: 0,
       pageSize: 10,
+      choicecourse: true
     });
+
+    const ChoiceCourse = () => {
+      state.choicecourse = false
+    }
+
     const closeDrawer = () => {
+      state.choicecourse = true
       ctx.emit("update:addonlineVisible", false);
       ctx.emit("update:edit", false);
       state.inputV1 = "";
@@ -275,6 +303,7 @@ export default {
         console.log(selectedRowKeys,selectedRows)
         if( props.edit && selectedRows.length > 0 ){
           selectedRows.map((value)=>{
+            console.log(props,value)
             if(value.courseId == props.EditOnlineId){
               message.destroy()
               message.error('选项相同，请重新选择')
@@ -579,7 +608,8 @@ export default {
       searchList,
       resetOnline,
       isExistence,
-      IsExistenceProjects
+      IsExistenceProjects,
+      ChoiceCourse
     };
   },
 };