var K = Object.defineProperty, O = Object.defineProperties var z = Object.getOwnPropertyDescriptors var L = Object.getOwnPropertySymbols var q = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable var y = (s, o, t) => o in s ? K(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : (s[o] = t), T = (s, o) => { for (var t in o || (o = {})) q.call(o, t) && y(s, t, o[t]) if (L) for (var t of L(o)) w.call(o, t) && y(s, t, o[t]) return s }, I = (s, o) => O(s, z(o)) var S = (s, o) => { var t = {} for (var a in s) q.call(s, a) && o.indexOf(a) < 0 && (t[a] = s[a]) if (s != null && L) for (var a of L(s)) o.indexOf(a) < 0 && w.call(s, a) && (t[a] = s[a]) return t } import { C as Q } from './index.9505fca5.js' import { d as g, b1 as v, b as d, c as e, O as A, r as W, a_ as X, bw as x, a as r, az as J, E as c, aY as D, aZ as n, aj as E, bQ as Y, b3 as F, b4 as U, N as f, aL as N, aO as Z, ax as H, aB as $, aC as V, F as P } from './index.1d0cc84f.js' import { E as ee, C as se } from './index.4ca3083a.js' import { E as le } from './icon_upload.a3b9dc82.js' import { i as te, a as oe, C as ae } from './icon_course_list.adaa1c3f.js' import { C as re } from './index.f58a8780.js' import { v as ie } from './toolsValidate.add49407.js' import { E as ne, a as ue } from './index2.ba9e0a49.js' import { E as Ae, b as ce } from './index2.71359404.js' import './index2.6b7eb987.js' const de = '_uploadSection_1kpvb_1', pe = '_uploadFile_1kpvb_11', me = '_fileUpload_1kpvb_25', be = '_uploadClass_1kpvb_25', he = '_disabled_1kpvb_48' var u = { uploadSection: de, uploadFile: pe, fileUpload: me, uploadClass: be, disabled: he }, ve = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAyCAMAAAAz3ZgNAAAAAXNSR0IArs4c6QAAAX1QTFRFAAAAAP8AAP//AP+AAP//AKqqVaqqVf+qAL+AJNu2IL+fM8yZM8yzLtG5Kr+qKtWqJ8SxMM+vK8aqKMmuLMixLsmqLcutLMWoK8aqKcisK8iqLsuoLcaqLMisK8moMMqqL8usLMmsL8aqLsesLcmqLcaqK8ipLMaoLMarLcWoLsisLsWqLsiqLsWrLsirLsmrLceqLMaqLserLcisLcaqLMaqLsiqLsaoLsirLcmsLceqLcerLciqLseqLMerLMepLcapLsirLsepLsirLcepLMepLcipLsiqLceqLMepLcerLciqLceqLciqLserLciqLceqLceqLceqLMiqLMaqLcirLceqLsaqLsiqLceqLciqLciqLciqLceqLciqLcepLceqLciqLMeqLMeqLcirLceqLciqLcerLciqLceqLceqLceqLcerLMepLceqLceqLMeqLcaqLceqLceqLceqLcaqLceqLcerLceqLcepLceqLMiqLceqLcirLceqsuDHzwAAAH50Uk5TAAEBAgIDAwMEBwgKCgsMDA0QEhMXISIjJCUqLC0uLzAxNDY3OT9BTExPU1RUWFheYGNka2xvb3BwcXJ2eHt/gIKLkZGSlZiipaepqq6vs7S1tre4ubm6vb6/wcbH1tjZ2dna293e3uPj5Ofp6evt7vHz9fb3+Pj4+fr6/f7+i9OX2AAAAdNJREFUSMft1mdTwkAQBuBVQcVeELvYCxbsir1gF3sBGyr2imBH97cbzmggOZLL+cFxxvfTcrMPuSTLcAD6YvPdrRYCb2pCiHiSEbVWOOF7RNW83aw1x4dbZ8jHhkjteEGWrGQJvW5SdkTobmTMTjKAR84tz6wc+yl8nFnjPIXvMTj/SEmawWCIp/B7be3N++5WcG0dFMbE0t5JckhW5kjd0Zgu8afJ6uzMKidlAMYA7A/ULz4u+OLnlZ+bsZ4qmmrBHIixsXWRP1V+3YxVcX0L1Me6rweRT0oPwynvKYeyWNwn8mqJV8l7egGm6TpkE3m2xDPlTUcmMHYveNzh3JKVg3Dpcc/WAAPHKaPWe1fbPOJmiQZXe3RC3neX5l2uAYknuKK42ouj/WSSMHpoVcaGxhNlXGVolbxTyRmyDLBCilZI5eBegC4yqvlQxMGxFIzC/AXsAMM8fFOYn7I6M0Cen4fjlOnzj2EfuTge9ZZbaseCyMml/PM/xOfOfsRbUvquxfKVhwNkDflJucXHAXJHhZm9KOblAOb2thzg55H5XX6vgzcp+Z4OXqHkOg5ml8lKruNYOEg7JPew6m0T9ZDteGXSGzkxDunaB/LQ1aItjkY/AA/7Wc4JL6xFAAAAAElFTkSuQmCC', fe = g({ name: 'col-upload-video', props: { modelValue: { type: String, default: '' }, disabled: { type: Boolean, default: !1 }, bucket: { type: String, default: 'daya' }, multiple: { type: Boolean, default: !1 }, limit: { type: Number, default: 1 }, size: { type: Number, default: 800 }, accept: { type: String, default: '.mp4' }, tips: { type: String, default: '\u8BF7\u4E0A\u4F20\u89C6\u9891' }, extraTips: { type: String, default: '\u89C6\u9891\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7800MB' }, multipleModel: { type: Function, default: s => {} } }, data() { return { ossUploadUrl: 'https://ks3-cn-beijing.ksyuncs.com/' + this.bucket, dataObj: { policy: '', signature: '', key: '', KSSAccessKeyId: '', acl: 'public-read', name: '' }, fileList: [], tempUrls: {}, responseList: [], btnLoading: !1, loading: null } }, methods: { handleSuccess(s, o, t) { var a if ( ((a = this.loading) == null || a.close(), console.log(this.fileList, 'fileList'), console.log(s, o, t, 'response'), this.multiple) ) o.status === 'success' && this.responseList.push(this.tempUrls[o.uid]), t.length === this.responseList.length && ((this.btnLoading = !1), this.multipleModel(this.responseList), (this.responseList = []), (this.fileList = [])) else { const p = this.ossUploadUrl + '/' + this.dataObj.key this.$emit('update:modelValue', p) } }, handleRemove() { console.log('remove') }, handleChange() { console.log('handleChange') }, handleProgress(s) { console.log('handleProgress', s) }, handleError() { var s ;(this.btnLoading = !1), (s = this.loading) == null || s.close() }, async beforeUpload(s) { var t console.log(s) let o = !0 if (this.size && ((o = s.size / 1024 / 1024 < this.size), !o)) return ( v.error( `\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7${this.size}M!` ), !1 ) this.multiple ? (this.btnLoading = !0) : (this.loading = ee.service({ target: this.$refs.uploadDom, lock: !0, fullscreen: !1, text: '\u4E0A\u4F20\u4E2D...', background: 'rgba(0, 0, 0, 0.7)' })) try { let a = s.name.replaceAll(' ', '_'), p = new Date().getTime() + a, m = { filename: a, bucketName: this.bucket, postData: { filename: a, acl: 'public-read', key: p, unknowValueField: [] } } const { data: b } = await d.post('/api-website/getUploadSign', { data: m }) ;(this.dataObj = { policy: b.policy, signature: b.signature, key: p, KSSAccessKeyId: b.kssAccessKeyId, acl: 'public-read', name: a }), (this.tempUrls[s.uid] = this.ossUploadUrl + '/' + this.dataObj.key) } catch { ;(this.btnLoading = !1), (t = this.loading) == null || t.close() } }, fileName(s = '') { return s.split('/').pop() }, handleExceed(s) { if (s.length > this.limit) return ( v.error( `\u4E00\u6B21\u6027\u6700\u591A\u53EA\u80FD\u4E0A\u4F20${this.limit}\u4E2A\u6587\u4EF6` ), !1 ) } }, render() { return e('div', { class: [u.colUpload, 'w-full'] }, [ e( le, { disabled: this.disabled, action: this.ossUploadUrl, data: this.dataObj, onSuccess: this.handleSuccess, onRemove: this.handleRemove, onChange: this.handleChange, onProgress: this.handleProgress, onError: this.handleError, fileList: this.fileList, showFileList: !1, accept: this.accept, beforeUpload: this.beforeUpload, onExceed: this.handleExceed, ref: 'uploadRef', multiple: this.multiple, limit: this.limit, class: [this.multiple && u.fileUpload, this.disabled && u.disabled], style: { lineHeight: '0' } }, { default: () => [ e( 'div', { ref: 'uploadDom', class: [u.uploadClass, 'w-full'], style: { height: this.multiple ? '40px' : '85px' } }, [ this.modelValue ? e( 'video', { ref: 'videoUpload', crossorigin: 'anonymous', class: u.uploadSection, src: this.modelValue }, null ) : this.multiple ? e( A, { size: 'large', type: 'primary', loading: this.btnLoading }, { default: () => [ this.btnLoading ? '\u4E0A\u4F20\u4E2D...' : '\u70B9\u51FB\u4E0A\u4F20' ] } ) : e( 'div', { class: [ u.uploadSection, 'flex items-center flex-col justify-center' ] }, [ e('img', { src: ve, class: 'w-8 h-7 mb-3' }, null), e('p', null, [this.tips]) ] ) ] ) ] } ), !this.multiple && e('p', { class: 'text-3 text-[#999999] leading-6 pt-1' }, [ this.extraTips ]) ]) } }) const M = () => ({ groupId: 0, active: 0, tabIndex: 1, loadingStatus: !1, rate: 0, subjectList: [], templateList: [ 'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853010619green.png', 'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853051064gray.png', 'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853062314yellow.png', 'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853076136linear.png' ], lessonGroup: { id: null, lessonName: '', lessonSubject: null, lessonDesc: '', lessonPrice: null, lessonCoverUrl: '', lessonCoverTemplateUrl: '' }, lessonList: [] }), l = W(M()), ge = () => { Object.assign(l, M()) }, Le = '_createSubmit_11asw_7', xe = '_introduction_11asw_7', Ee = '_userDetail_11asw_12', Ue = '_banner_11asw_12', Ce = '_userInfo_11asw_18', ye = '_avatar_11asw_24', qe = '_name_11asw_30', we = '_buyNum_11asw_39', Te = '_buyNumInfo_11asw_53', Ie = '_iconBuy_11asw_59', Se = '_info_11asw_62', Ve = '_userTitle_11asw_68', Be = '_videoImg_11asw_74', ke = '_videoStop_11asw_81', De = '_videoTitle_11asw_93', Fe = '_videoTitleText_11asw_101', Ne = '_videoTitleContent_11asw_106' var i = { 'course-preview': '_course-preview_11asw_1', createSubmit: Le, introduction: xe, userDetail: Ee, banner: Ue, userInfo: Ce, avatar: ye, name: qe, buyNum: we, buyNumInfo: Te, iconBuy: Ie, info: Se, userTitle: Ve, videoImg: Be, videoStop: ke, videoTitle: De, videoTitleText: Fe, videoTitleContent: Ne }, Pe = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA2CAMAAAC/bkrSAAAAAXNSR0IArs4c6QAAAYlQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQUFDg4OEBAQGRkZHR0dHx8fJSUlKSkpLCwsOzs7Pj4+QEBAVFRUVVVVXl5ea2trbW1teXl5e3t7fX19f39/gYGBkJCQk5OTpKSkp6enp6ensLCwsLCwtra2tra2w8PDxsbGxsbGzs7Oz8/P0NDQ0tLS0tLS09PT29vb29vb4uLi5eXl5ubm5ubm7Ozs7e3t7e3t8PDw8PDw8PDw8fHx8/Pz9vb29/f3+vr6+vr6/f39/f39/v7+/////v7+////////J7wfagAAAIJ0Uk5TAAECAwQFBwgJDQ8VFxkaGyAhIiQqKy4vMDIzNDU3ODk7PT4/QUJDREdJTU5RUlNUVVZXWFpbXV5fYGFkZWZnaGlqa21ucHJydHV1ent8g4SHjI2Sk5OVlp6eqaqrsbK1tr/AwcfIysrNzdPU297e3+bm5+nq6+zu8vL3+Pv8/f3+/h4twksAAAIJSURBVBgZrcEHV9pQAAbQT4SIgKIiigMX7lUVZ7CQzy67996tHa97T631/fI6EPNeEojn9F64qYknu/uGhvq6k/Ea+BLrmbZYYk33xFBBsHWWDrOtQXgLpEy6MlMBeKjP0lO2Hm6qOi2WYXVWwSE0ygpGQ9CEp1jRVBgKY4Y+zBiwqR6nL+PVOJChTxmUJOhbAkWGSd9MA3syVKw+WLt3gl4y2BWxaLf6WUr57Ro9WBHs6Kfivtyx9ewM3fVjWzhPxQu55+dtusqHAbRQJeS+1+fppgXAJFVClvy+u0KnScCwqBLS5t1FOlgGmqgR0m790XHqmtBFjZCqT1eo6cIINUJq/j49RcUIstQI6fDlLO2yWKJGSKfntFvCUWqEdPpKu2UUqBHS6Q3tCshRI6TDnxu0y2GBGiF1369TsYAj1Aip2nxykqpJDFIjpOLjZeoG0UaNkDbrD4/RoQ111Ah54O0FuqhDYJkqIff9urNCF8sBYJiql7Lo1Tm6GgbQQNVjuevHLXpoABBYpOLShpRya+00PSwGsC1F1c0PG++v0lMKO0ImD8EMYVczD6EZRRP0bQL7Ijn6lIugJEGfErDpoC8dUPTSh15o0qwoDYdknmXlk3ARnWMZc1G4Cqbz9JBPB+ElMlCgi8JABOXUpuepmU/XoqJY+5jJInOsPQa/jGi8sTEeNfD//AORQWsF93/GiwAAAABJRU5ErkJggg==', Me = g({ name: 'course-preview', computed: { userInfo() { const s = l.lessonGroup, o = X.user.data || {} return { id: o.id, username: o.username || `\u6E38\u5BA2${o.id || ''}`, headUrl: o.headUrl, lessonName: s.lessonName, buyNum: 0, lessonDesc: s.lessonDesc, lessonPrice: s.lessonPrice, lessonCoverUrl: s.lessonCoverTemplateUrl || s.lessonCoverUrl, lessonNum: l.lessonList.length } }, lessonList() { return l.lessonList || [] } }, render() { return e('div', { class: [i['course-preview'], 'pb-3'] }, [ e('div', { class: i.userDetail }, [ e( x, { class: [i.banner], src: this.userInfo.lessonCoverUrl, fit: 'cover' }, null ), e('div', { class: 'bg-white' }, [ e( 'div', { class: 'p-[14px] text-lg text-[#1a1a1a] font-semibold leading-none' }, [r('\u6807\u9898')] ), e('div', { class: [i.userInfo, 'mx-[14px] py-[14px]'] }, [ e('div', { class: 'flex' }, [ e( x, { class: i.avatar, src: this.userInfo.headUrl || J, fit: '' }, null ), e('div', { class: i.name }, [ this.userInfo.username || `\u6E38\u5BA2${this.userInfo.id || ''}`, e('div', { class: i.buyNum }, [ this.userInfo.buyNum, r('\u4EBA\u5DF2\u8D2D\u4E70') ]) ]) ]), e('div', { class: i.info }, [ r('\uFFE5'), this.userInfo.lessonPrice, r('/'), this.userInfo.lessonNum, r('\u8BFE\u65F6') ]) ]) ]) ]), e( 'div', { class: [ i['section-detail'], 'mt-[10px] mx-[14px] rounded-lg bg-white' ] }, [ e( 'div', { class: 'flex items-center py-3 px-[10px] text-[#333333] text-base' }, [ e( c, { size: 18, class: 'mr-2' }, { default: () => [e('img', { src: te }, null)] } ), r('\u8BFE\u7A0B\u4ECB\u7ECD') ] ), e( 'div', { class: 'mx-[10px] pt-[10px] pb-4 text-sm text-[#7A7A7A] border-t border-t-[#EBEBEB]' }, [this.userInfo.lessonDesc] ) ] ), e( 'div', { class: [ i['section-detail'], 'mt-[10px] mx-[14px] rounded-lg bg-white' ] }, [ e( 'div', { class: 'flex items-center py-3 px-[10px] text-[#333333] text-base' }, [ e( c, { size: 18, class: 'mr-2' }, { default: () => [e('img', { src: oe }, null)] } ), r('\u8BFE\u7A0B\u5217\u8868') ] ), e( 'div', { class: 'mx-[10px] pt-[10px] pb-4 text-sm text-[#7A7A7A] border-t border-t-[#EBEBEB] flex flex-col' }, [ l.lessonList.map(s => e('div', { class: 'flex mb-3' }, [ e('div', { class: i.videoImg }, [ e( x, { class: 'align-middle h-[70px] w-[100px]', src: s.coverUrl, fit: 'cover' }, null ), e( c, { class: i.videoStop, size: 26 }, { default: () => [e('img', { src: Pe }, null)] } ) ]), e('div', { class: [i.videoTitle, '!h-[70px]'] }, [ e( 'p', { class: [ i.videoTitleText, 'whitespace-nowrap overflow-hidden text-ellipsis' ] }, [s.videoTitle] ), e('p', { class: [i.videoTitleContent] }, [s.videoContent]) ]) ]) ) ] ) ] ) ]) } }) const Ge = '_courseContent_1h80v_1' var Re = { courseContent: Ge }, je = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IArs4c6QAAAKtQTFRFAAAA////////9vb28/Pz9PT09PT08/Pz8/Pz8/Pz9PT0DQ0NDg4ODw8PERERExMTFRUVFxcXGBgYGxsbHh4eICAgISEhJCQkQUFBRERER0dHS0tLTExMTk5OVVVVXFxcYWFhjY2Nk5OTlZWVlpaWmJiYmZmZnZ2dpaWlrKyss7Ozubm5v7+/xcXFysrKzc3N19fX2NjY5eXl6Ojo6+vr7e3t7u7u7+/v8/PzuMr56AAAAAt0Uk5TAAIFUVWKpNjc8v4WawkrAAABMklEQVRIx+3Xt3LDMBBF0RWDGC6Vc7ICZeVgK9j8/y9zISsV1oBA44KvYIM5DbGYeSsiImI5eS9IlBJ4eceSW2w/SRXf/oU5N0xSJnRzIiLiJhpxRUTsUIeGtojlJ1rxLXESzTiS16V58XSpJ4EuDeTV6bTZnP59+oruIoh2WnQGMNOiMUCc0YxmNKP/gn70G6PDMz2MGv1PBdoD2sdHemwDPQVaAeie7vTUBago0A4Ag/OVngcAdBTovg7A2/eFfr0BUN+r/OFtDYDhBGAyBKC2VbucTRWA1u1DdaN6r+syTymv1UdiVXqUpVWaaVoW77K4TDeIi8JVFhZpZ3geXWQ0Tz/+8YXGOi9nDDDWenTJe6s1e1FDDMqPQeUyKHoG9dKg1BpUaZMCb7I2GCwruivSD/jVkGLI5Sc4AAAAAElFTkSuQmCC', _e = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IArs4c6QAAAKtQTFRFAAAA////////9vb28/Pz9PT09PT08/Pz8/Pz8/Pz9PT0DQ0NDg4ODw8PERERExMTFRUVFxcXGBgYGxsbHh4eICAgISEhJCQkQkJCRERER0dHSEhIS0tLTExMTk5OVVVVXFxcYWFhjY2Nk5OTlZWVlpaWmJiYmZmZnZ2dpKSkq6urs7Ozubm5v7+/xcXFysrKzc3N19fX2NjY5eXl6Ojo6+vr7e3t7+/v8/PzQBqgLwAAAAt0Uk5TAAIFUVWKpNjc8v4WawkrAAABMElEQVRIx+3XuXLCMBhF4R9sjO1j9j1hx+xrwqb3f7IUEEKKMLJUpPEp3Gi+Tp65EhERybpePlBaBXnPzcojx1eJ8p07zORClbAwlxERkZwyKCci4oQmNHREsr4yys+KqwxzxTOlnuRNaV4CUxrIq9NZqzX7+/QVHQOMTWgMAHFyuohuNFokpcsC9wrLZHRV5FFxlYSuSzxVWuvTTZlflTe6dFsFoPX4UN3q0V0NgOEEYDIEoLbToYc6AINrDBBfBwDUDxq0A0D/crsTsbr0Aeho0ArA+1l9U3V+A6ho0C7QPqkfqk5toKtBP3qN0VE9U3UcNXqfSf6c+OXtT2lKU5rS/6FzgLkR3UcQ7Y2omjab0xczxGL8WEwui6FnMS8tRq3FlLYZ8DbPBovHiukT6QvDn5DJjUbpuAAAAABJRU5ErkJggg==', Ke = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IArs4c6QAAAEhQTFRFAAAA////////9vb28/Pz9PT09PT08/Pz8/Pz8/Pz9PT0AAAACwsLGhoaLS0tNDQ0RUVFi4uLra2t19fX2NjY2dnZ7Ozs8/PzedusZQAAAAt0Uk5TAAIFUVWKpNjc8v4WawkrAAABBElEQVRIx+2XUQ6DIAxAq6KoExHd4P43HbppnNKAVLMf3w9Jw4uVlLQAjKSs4JUJouIFS2EhK80hyuwrJnltDlLnyaTmJoJ8yraOUWubc1qaKMoUmImEQRGrFsCd8V48vogeUTm4K2ExrYvVBphY1SBqQMKYGsI5ar/6QTe/yYPzaFD3fJWQ8H9O+JO0uwRccdgVoEAKU3jU8TDWX5nXOR6gzl+Z1wMqtt7qrd7qRZeOcNW3XKs2dsuwNwcbbjyqtHu6nTt0Niw9qsK7hvKousXMVvsaxxNx25e/52glm63XSKUdPaeK7VYVMnIFwCmDHmG8JAy1hFGaMsBTng2Ex0rsE+kNjFEHody3dJ8AAAAASUVORK5CYII=', Oe = g({ name: 'course-content', data() { return { show: !1, form: { lessonList: [ { key: 1, videoTitle: '', videoContent: '', videoUrl: '', coverUrl: '' } ] } } }, methods: { handleUpload(s) { console.log(s), (s || []).forEach(t => { l.lessonList.push({ videoTitle: '', videoContent: '', videoUrl: t, coverUrl: '' }) }) }, handleSubmit() { this.$refs.form.validate(async s => { if (s) { if (l.lessonList.length <= 0) { v.error('\u8BF7\u4E0A\u4F20\u8BFE\u7A0B\u89C6\u9891') return } console.log('\u63D0\u4EA4\u6570\u636E'), (this.show = !0) } else return ( this.$nextTick(() => { document .getElementsByClassName('is-error')[0] .scrollIntoView({ block: 'center', behavior: 'smooth' }) }), !1 ) }) }, async createSubmit() { try { const s = l.lessonGroup let o = { lessonList: l.lessonList, lessonGroup: I(T({}, s), { lessonCoverUrl: s.lessonCoverTemplateUrl || s.lessonCoverUrl }) } l.groupId ? (await d.post('/api-website/videoLessonGroup/update', { data: o }), v.success('\u4FEE\u6539\u6210\u529F')) : (await d.post('/api-website/videoLessonGroup/add', { data: o }), v.success('\u521B\u5EFA\u6210\u529F')), sessionStorage.setItem('videoActiveName', 'DOING'), this.$router.back() } catch {} }, swapItems(s, o, t) { return (s[o] = s.splice(t, 1, s[o])[0]), s } }, render() { return e('div', { class: Re.courseContent }, [ e( D, { class: 'px-[140px] pb-10 pt-7 min-h-[280px]', size: 'large', labelWidth: '90px', labelPosition: 'left', ref: 'form', model: l }, { default: () => [ e( n, { label: '\u8BFE\u7A0B\u89C6\u9891', required: !0 }, { default: () => [ e('div', null, [ e( fe, { multiple: !0, limit: 3, bucket: 'video-course', multipleModel: s => { this.handleUpload(s) } }, null ) ]) ] } ), l.lessonList.map((s, o) => e( 'div', { class: 'p-4 pt-5 rounded-xl mb-3 border border-dashed border-gray-300 relative', key: s.key }, [ e('div', { class: 'absolute right-4 top-4 z-10 flex' }, [ o !== 0 && e( E, { class: 'box-item', effect: 'dark', content: '\u4E0A\u79FB', placement: 'top' }, { default: () => [ e( 'div', { onClick: () => { this.swapItems(l.lessonList, o, o - 1) } }, [ e( c, { size: 29 }, { default: () => [ e('img', { src: _e }, null) ] } ) ] ) ] } ), l.lessonList.length - 1 !== o && e( E, { class: 'box-item', effect: 'dark', content: '\u4E0B\u79FB', placement: 'top' }, { default: () => [ e( 'div', { onClick: () => { this.swapItems(l.lessonList, o, o + 1) } }, [ e( c, { size: 29, class: 'ml-3' }, { default: () => [ e( 'img', { src: je, title: '\u5411\u4E0B\u79FB\u52A8' }, null ) ] } ) ] ) ] } ), l.lessonList.length > 1 && e( E, { class: 'box-item', effect: 'dark', content: '\u5220\u9664', placement: 'top' }, { default: () => [ e( 'div', { onClick: () => { Y.confirm( '\u786E\u5B9A\u5220\u9664\u8BE5\u6761\u6570\u636E\u5417\uFF1F', '\u63D0\u793A', { type: 'warning' } ).then(() => { l.lessonList.splice(o, 1) }) } }, [ e( c, { size: 29, class: 'ml-3' }, { default: () => [ e('img', { src: Ke }, null) ] } ) ] ) ] } ) ]), e(F, null, { default: () => [ e( U, { span: 10 }, { default: () => [ e( n, { label: `\u7B2C${o + 1}\u8BFE` }, { default: () => [ e( re, { styleValue: { with: '150px', height: '85px' }, controls: !1, src: s.videoUrl, volume: !1 }, null ), e('p', null, null) ] } ) ] } ), e( U, { span: 10 }, { default: () => [ e( n, { label: '\u89C6\u9891\u5C01\u9762', prop: `lessonList.${o}.coverUrl`, rules: [ { required: !0, message: '\u8BF7\u4E0A\u4F20\u89C6\u9891\u5C01\u9762' } ] }, { default: () => [ e( se, { modelValue: s.coverUrl, 'onUpdate:modelValue': t => (s.coverUrl = t) }, null ) ] } ) ] } ) ] }), e( n, { label: '\u8BFE\u7A0B\u6807\u9898', prop: `lessonList.${o}.videoTitle`, rules: [ { required: !0, message: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u6807\u9898' } ] }, { default: () => [ e( f, { placeholder: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u6807\u9898', modelValue: s.videoTitle, 'onUpdate:modelValue': t => (s.videoTitle = t) }, null ) ] } ), e( n, { label: '\u8BFE\u7A0B\u4ECB\u7ECD', prop: `lessonList.${o}.videoContent`, rules: [ { required: !0, message: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u4ECB\u7ECD' } ] }, { default: () => [ e( f, { placeholder: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u4ECB\u7ECD', modelValue: s.videoContent, 'onUpdate:modelValue': t => (s.videoContent = t), type: 'textarea', maxlength: 200, rows: 4, showWordLimit: !0 }, null ) ] } ) ] ) ) ] } ), e( 'div', { class: 'border-t border-t-[#E5E5E5] text-center pt-6 pb-7' }, [ e( A, { class: '!w-40 !h-[38px]', onClick: () => { l.active = 0 const s = document.documentElement.scrollTop || document.body.scrollTop N(s, 0) } }, { default: () => [r('\u4E0A\u4E00\u6B65')] } ), e( A, { type: 'primary', class: '!w-40 !h-[38px]', onClick: this.handleSubmit }, { default: () => [r('\u4E0B\u4E00\u6B65')] } ) ] ), e( Z, { modelValue: this.show, 'onUpdate:modelValue': s => (this.show = s), title: '\u9884\u89C8' }, { default: () => [e(Me, null, null)], footer: () => e('span', { class: 'dialog-footer !text-center block ' }, [ e( A, { size: 'large', round: !0, onClick: () => { this.show = !1 } }, { default: () => [r('\u8FD4\u56DE\u7F16\u8F91')] } ), e( A, { size: 'large', round: !0, type: 'primary', onClick: this.createSubmit }, { default: () => [r('\u521B\u5EFA\u5B8C\u6210')] } ) ]) } ) ]) } }) const ze = '_tabs_113o2_1', Qe = '_imgCover_113o2_4' var B = { tabs: ze, imgCover: Qe } function k(s) { return ( typeof s == 'function' || (Object.prototype.toString.call(s) === '[object Object]' && !H(s)) ) } var We = g({ name: 'course-info', data() { return { url: '', calcRatePrice: 0 } }, computed: { choiceSubjectIds() { let s = l.lessonGroup.lessonSubject ? Number(l.lessonGroup.lessonSubject) : null return s ? [s] : [] }, subjectList() { return l.subjectList || [] }, lessonSubjectName() { let s = '' return ( this.subjectList.forEach(o => { this.choiceSubjectIds.includes(o.id) && (s = o.name) }), s ) } }, async mounted() { try { if (l.subjectList.length <= 0) { const s = await d.post('/api-website/teacher/querySubject') l.subjectList = s.data || [] } } catch {} }, methods: { onFormatter(s) { s.target.value = ie(s.target.value) let o = l.rate || 0, t = s.target.value || 0 this.calcRatePrice = (t - (o / 100) * t).toFixed(2) }, tabChange(s) { this.$refs.form.clearValidate('lessonCoverTemplateUrl'), this.$refs.form.clearValidate('lessonCoverUrl'), (l.tabIndex = s) }, selectImg(s) { ;(l.lessonGroup.lessonCoverUrl = ''), (l.lessonGroup.lessonCoverTemplateUrl = s) } }, render() { let s, o return e(P, null, [ e( D, { class: 'px-[200px] pb-10 pt-7', size: 'large', ref: 'form', labelWidth: '100px', labelPosition: 'left', model: l.lessonGroup }, { default: () => [ e( n, { label: '\u8BFE\u7A0B\u540D\u79F0', prop: 'lessonName', rules: [ { required: !0, message: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u540D\u79F0' } ] }, { default: () => [ e( f, { modelValue: l.lessonGroup.lessonName, 'onUpdate:modelValue': t => (l.lessonGroup.lessonName = t), placeholder: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u540D\u79F0' }, null ) ] } ), e( n, { label: '\u8BFE\u7A0B\u58F0\u90E8', prop: 'lessonSubject', rules: [ { required: !0, message: '\u8BF7\u9009\u62E9\u8BFE\u7A0B\u58F0\u90E8' } ] }, { default: () => [ e( ne, { class: 'w-full', modelValue: l.lessonGroup.lessonSubject, 'onUpdate:modelValue': t => (l.lessonGroup.lessonSubject = t), placeholder: '\u8BF7\u9009\u62E9\u8BFE\u7A0B\u58F0\u90E8' }, k( (s = l.subjectList.map(t => e(ue, { key: t.id, value: t.id, label: t.name }, null) )) ) ? s : { default: () => [s] } ) ] } ), e( n, { label: '\u8BFE\u7A0B\u4ECB\u7ECD', prop: 'lessonDesc', rules: [ { required: !0, message: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u4ECB\u7ECD' } ] }, { default: () => [ e( f, { placeholder: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u4ECB\u7ECD', modelValue: l.lessonGroup.lessonDesc, 'onUpdate:modelValue': t => (l.lessonGroup.lessonDesc = t), type: 'textarea', maxlength: 200, rows: 4, showWordLimit: !0 }, null ) ] } ), e( n, { label: '\u8BFE\u7A0B\u7EC4\u552E\u4EF7', prop: 'lessonPrice', rules: [ { required: !0, message: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u7EC4\u552E\u4EF7' } ] }, { default: () => [ e( f, { placeholder: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u7EC4\u552E\u4EF7', modelValue: l.lessonGroup.lessonPrice, 'onUpdate:modelValue': t => (l.lessonGroup.lessonPrice = t), onKeyup: this.onFormatter }, { append: () => e('span', { class: 'text-base text-[#333]' }, [ r('\u5143') ]) } ) ] } ), e( 'div', { class: 'text-sm text-[#999] pl-[100px] leading-relaxed pb-2' }, [ e('p', null, [ r( '\u6263\u9664\u624B\u7EED\u8D39\u540E\u60A8\u7684\u8BFE\u7A0B\u9884\u8BA1\u6536\u5165\u4E3A\uFF1A ' ) ]), e('p', null, [ r('\u8BFE\u7A0B\u7EC4\u603B\u6536\u5165'), e('span', { class: 'px-1 text-[#FF4E19]' }, [ this.calcRatePrice ]), r('\u5143/\u4EBA') ]), e('p', null, [ r( '\u60A8\u7684\u8BFE\u7A0B\u6536\u5165\u5C06\u5728\u8BFE\u7A0B\u7ED3\u675F\u540E\u7ED3\u7B97\u5230\u60A8\u7684\u8D26\u6237\u4E2D ' ) ]) ] ), e( n, { label: '\u8BFE\u7A0B\u5C01\u9762', class: '!mb-0' }, { default: () => [ e( $, { modelValue: l.tabIndex, 'onUpdate:modelValue': t => (l.tabIndex = t), class: B.tabs, 'onTab-change': t => { this.tabChange(t) } }, { default: () => [ e( V, { label: '\u56FE\u7247\u6A21\u677F', name: 1 }, null ), e( V, { label: '\u81EA\u5B9A\u4E49\u6A21\u677F', name: 2 }, null ) ] } ) ] } ), l.tabIndex === 1 && e( n, { prop: 'lessonCoverTemplateUrl', rules: [ { required: !0, message: '\u8BF7\u4E0A\u4F20\u8BFE\u7A0B\u5C01\u9762' } ] }, { default: () => [ e( Ae, { modelValue: l.lessonGroup.lessonCoverTemplateUrl, 'onUpdate:modelValue': t => (l.lessonGroup.lessonCoverTemplateUrl = t) }, { default: () => [ e( F, null, k( (o = l.templateList.map(t => e( U, { span: 10, class: 'mb-3 cursor-pointer' }, { default: () => [ e( 'div', { class: 'w-[152px] relative rounded-xl overflow-hidden border', onClick: () => { this.selectImg(t) } }, [ e( x, { src: t, class: 'align-middle' }, null ), e( ce, { label: t, class: '!absolute bottom-2 right-0 !h-auto z-10' }, { default: () => [''] } ) ] ) ] } ) )) ) ? o : { default: () => [o] } ) ] } ) ] } ), l.tabIndex === 2 && e( n, { prop: 'lessonCoverUrl', rules: [ { required: !0, message: '\u8BF7\u4E0A\u4F20\u8BFE\u7A0B\u5C01\u9762', trigger: 'change' } ] }, { default: () => [ e( ae, { modelValue: l.lessonGroup.lessonCoverUrl, class: B.imgCover, bucket: 'video-course', cropUploadSuccess: t => { ;(l.lessonGroup.lessonCoverUrl = t), (l.lessonGroup.lessonCoverTemplateUrl = '') }, options: { title: '\u8BFE\u7A0B\u5C01\u9762', fixedNumber: [3.34, 2], autoCropWidth: 375, autoCropHeight: 212 } }, null ) ] } ) ] } ), e( 'div', { class: 'border-t border-t-[#E5E5E5] text-center pt-6 pb-7' }, [ e( A, { type: 'primary', class: '!w-40 !h-[38px]', onClick: () => { this.$refs.form.validate(async t => { if (t) { l.active = 1 const a = document.documentElement.scrollTop || document.body.scrollTop N(a, 0) } else return ( this.$nextTick(() => { document .getElementsByClassName('is-error')[0] .scrollIntoView({ block: 'center', behavior: 'smooth' }) }), !1 ) }) } }, { default: () => [r('\u4E0B\u4E00\u6B65')] } ) ] ) ]) } }), rs = g({ name: 'video-operation', data() { return { type: this.$route.query.type || 'create' } }, async created() { ge() const s = this.$route.query if (((l.groupId = Number(s.groupId) || 0), !l.groupId)) return !1 try { l.loadingStatus = !0 const a = ( await d.get('/api-website/videoLessonGroup/selectVideoLesson', { params: { groupId: l.groupId } }) ).data, o = a.lessonGroup, { auditStatus: p, lessonCoverUrl: m, lessonPrice: b, lessonDesc: G, lessonSubject: R, lessonName: j, id: _ } = o, Xe = S(o, [ 'auditStatus', 'lessonCoverUrl', 'lessonPrice', 'lessonDesc', 'lessonSubject', 'lessonName', 'id' ]) let C = !!l.templateList.includes(m) ;(l.lessonGroup = { id: _, lessonName: j, lessonSubject: R, lessonDesc: G, lessonPrice: b, lessonCoverTemplateUrl: C ? m : '', lessonCoverUrl: C ? '' : m }), (l.lessonList = []), a.detailList && a.detailList.forEach(h => { l.lessonList.push({ videoTitle: h.videoTitle, videoContent: h.videoContent, videoUrl: h.videoUrl, coverUrl: h.coverUrl, posterUrl: h.posterUrl }) }), (l.loadingStatus = !1) } catch {} l.lessonGroup.lessonCoverUrl && !l.templateList.includes(l.lessonGroup.lessonCoverUrl) ? (l.tabIndex = 2) : (l.tabIndex = 1) }, async mounted() { try { const s = await d.get('/api-website/sysConfig/queryByParamName', { params: { paramName: 'video_lesson_service_fee' } }) l.rate = s.data.paramValue } catch {} }, render() { return e(P, null, [ e( 'div', { class: 'text-base text-[#333] leading-none px-6 py-5 border-b border-b-[#E5E5E5]' }, [ this.type === 'create' ? '\u65B0\u5EFA\u89C6\u9891\u8BFE' : '\u7F16\u8F91\u89C6\u9891\u8BFE' ] ), e('div', { class: 'pt-12' }, [ e(Q, { class: 'px-[200px]', type: 'large', active: l.active }, null), l.active === 0 && e(We, null, null), l.active === 1 && e(Oe, null, null) ]) ]) } }) export { rs as default }