官网视频课和直播课去模板

1

src/views/user-info/live-operation/course-class/index.tsx

@@ -207,8 +207,8 @@ export default defineComponent({
               }}
             />
           </ElFormItem>
-          <ElFormItem label="课程封面" class="!mb-0" required>
-            <ElTabs
+         {/*  <ElFormItem label="课程封面" class="!mb-0" required> */}
+            {/* <ElTabs
               v-model={createState.tabIndex}
               class={styles.tabs}
               onTab-change={(name: any) => {
@@ -218,9 +218,40 @@ export default defineComponent({
               <ElTabPane label="图片模板" name={1}></ElTabPane>
               <ElTabPane label="自定义模板" name={2}></ElTabPane>
             </ElTabs>
-          </ElFormItem>
 
-          {createState.tabIndex === 1 && (
+            */}
+              <ElFormItem
+              label="课程封面"
+              prop="backgroundPic"
+              rules={[
+                {
+                  required: true,
+                  message: '请上传课程封面',
+                  trigger: 'change'
+                }
+              ]}
+            >
+              <ColCropper
+                modelValue={createState.live.backgroundPic}
+                bucket="video-course"
+                cropUploadSuccess={(data: any) => {
+                  createState.live.backgroundPic = data
+                  createState.live.backgroundPicTemplate = ''
+                }}
+                options={{
+                  title: '课程封面',
+                  fixedNumber: [3.34, 2],
+                  autoCropWidth: 375,
+                  autoCropHeight: 212
+                  // fixedNumber: [3, 2],
+                  // autoCropWidth: 300,
+                  // autoCropHeight: 200
+                }}
+              />
+            </ElFormItem>
+          {/* </ElFormItem> */}
+
+          {/* {createState.tabIndex === 1 && (
             <ElFormItem
               prop="backgroundPicTemplate"
               rules={[
@@ -253,38 +284,11 @@ export default defineComponent({
                 </ElRow>
               </ElRadioGroup>
             </ElFormItem>
-          )}
+          )} */}
 
-          {createState.tabIndex === 2 && (
-            <ElFormItem
-              prop="backgroundPic"
-              rules={[
-                {
-                  required: true,
-                  message: '请上传课程封面',
-                  trigger: 'change'
-                }
-              ]}
-            >
-              <ColCropper
-                modelValue={createState.live.backgroundPic}
-                bucket="video-course"
-                cropUploadSuccess={(data: any) => {
-                  createState.live.backgroundPic = data
-                  createState.live.backgroundPicTemplate = ''
-                }}
-                options={{
-                  title: '课程封面',
-                  fixedNumber: [3.34, 2],
-                  autoCropWidth: 375,
-                  autoCropHeight: 212
-                  // fixedNumber: [3, 2],
-                  // autoCropWidth: 300,
-                  // autoCropHeight: 200
-                }}
-              />
-            </ElFormItem>
-          )}
+          {/* {createState.tabIndex === 2 && (
+
+          )} */}
         </ElForm>
         <div class="text-center pt-6 pb-7">
           <ElButton

src/views/user-info/video-operation/course-info/index.tsx

@@ -20,6 +20,7 @@ import {
 import { defineComponent } from 'vue'
 import { createState } from '../createState'
 import { scrollAnimation } from '@/util/scroll'
+import ColUpload from '@/components/col-upload'
 
 export default defineComponent({
   name: 'course-info',
@@ -197,8 +198,8 @@ export default defineComponent({
             </p>
             <p>您的课程收入将在课程结束后结算到您的账户中 </p>
           </div>
-          <ElFormItem label="课程封面" class="!mb-0" required>
-            <ElTabs
+          {/* <ElFormItem label="课程封面" class="!mb-0" required>
+           <ElTabs
               v-model={createState.tabIndex}
               class={styles.tabs}
               onTab-change={(name: any) => {
@@ -208,9 +209,9 @@ export default defineComponent({
               <ElTabPane label="图片模板" name={1}></ElTabPane>
               <ElTabPane label="自定义模板" name={2}></ElTabPane>
             </ElTabs>
-          </ElFormItem>
+          </ElFormItem> */}
 
-          {createState.tabIndex === 1 && (
+          {/* {createState.tabIndex === 1 && (
             <ElFormItem
               prop="lessonCoverTemplateUrl"
               rules={[
@@ -245,45 +246,47 @@ export default defineComponent({
                 </ElRow>
               </ElRadioGroup>
             </ElFormItem>
-          )}
+          )} */}
 
-          {createState.tabIndex === 2 && (
-            <ElFormItem
-              prop="lessonCoverUrl"
-              rules={[
-                {
-                  required: true,
-                  message: '请上传课程封面',
-                  trigger: 'change'
-                }
-              ]}
-            >
-              {/* <ColUpload
+          {/* {createState.tabIndex === 2 && ( */}
+          <ElFormItem
+            label="课程封面"
+            class="!mb-0"
+            prop="lessonCoverUrl"
+            rules={[
+              {
+                required: true,
+                message: '请上传课程封面',
+                trigger: 'change'
+              }
+            ]}
+          >
+            {/* <ColUpload
                 v-model:modelValue={createState.lessonGroup.lessonCoverUrl}
                 onChange={(value: any) => {
                   createState.lessonGroup.lessonCoverTemplateUrl = ''
                 }}
               /> */}
-              <ColCropper
-                modelValue={createState.lessonGroup.lessonCoverUrl}
-                class={styles.imgCover}
-                bucket="video-course"
-                cropUploadSuccess={(data: any) => {
-                  createState.lessonGroup.lessonCoverUrl = data
-                  createState.lessonGroup.lessonCoverTemplateUrl = ''
-                }}
-                options={{
-                  // fixedNumber: [3, 2],
-                  // autoCropWidth: 300,
-                  // autoCropHeight: 200
-                  title: '课程封面',
-                  fixedNumber: [3.34, 2],
-                  autoCropWidth: 375,
-                  autoCropHeight: 212
-                }}
-              />
-            </ElFormItem>
-          )}
+
+            <ColCropper
+              modelValue={createState.lessonGroup.lessonCoverUrl}
+              bucket="video-course"
+              cropUploadSuccess={(data: any) => {
+                createState.lessonGroup.lessonCoverUrl = data
+                createState.lessonGroup.lessonCoverTemplateUrl = ''
+              }}
+              options={{
+                title: '课程封面',
+                fixedNumber: [3.34, 2],
+                autoCropWidth: 375,
+                autoCropHeight: 212
+                // fixedNumber: [3, 2],
+                // autoCropWidth: 300,
+                // autoCropHeight: 200
+              }}
+            />
+          </ElFormItem>
+          {/* )} */}
         </ElForm>
         <div class=" text-center pt-6 pb-7">
           <ElButton