index.888d6e13.js 51 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483
  1. var K = Object.defineProperty,
  2. O = Object.defineProperties
  3. var z = Object.getOwnPropertyDescriptors
  4. var L = Object.getOwnPropertySymbols
  5. var q = Object.prototype.hasOwnProperty,
  6. w = Object.prototype.propertyIsEnumerable
  7. var y = (s, o, t) =>
  8. o in s
  9. ? K(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t })
  10. : (s[o] = t),
  11. T = (s, o) => {
  12. for (var t in o || (o = {})) q.call(o, t) && y(s, t, o[t])
  13. if (L) for (var t of L(o)) w.call(o, t) && y(s, t, o[t])
  14. return s
  15. },
  16. I = (s, o) => O(s, z(o))
  17. var S = (s, o) => {
  18. var t = {}
  19. for (var a in s) q.call(s, a) && o.indexOf(a) < 0 && (t[a] = s[a])
  20. if (s != null && L)
  21. for (var a of L(s)) o.indexOf(a) < 0 && w.call(s, a) && (t[a] = s[a])
  22. return t
  23. }
  24. import { C as Q } from './index.9505fca5.js'
  25. import {
  26. d as g,
  27. b1 as v,
  28. b as d,
  29. c as e,
  30. O as A,
  31. r as W,
  32. a_ as X,
  33. bw as x,
  34. a as r,
  35. az as J,
  36. E as c,
  37. aY as D,
  38. aZ as n,
  39. aj as E,
  40. bQ as Y,
  41. b3 as F,
  42. b4 as U,
  43. N as f,
  44. aL as N,
  45. aO as Z,
  46. ax as H,
  47. aB as $,
  48. aC as V,
  49. F as P
  50. } from './index.1d0cc84f.js'
  51. import { E as ee, C as se } from './index.4ca3083a.js'
  52. import { E as le } from './icon_upload.a3b9dc82.js'
  53. import { i as te, a as oe, C as ae } from './icon_course_list.adaa1c3f.js'
  54. import { C as re } from './index.f58a8780.js'
  55. import { v as ie } from './toolsValidate.add49407.js'
  56. import { E as ne, a as ue } from './index2.ba9e0a49.js'
  57. import { E as Ae, b as ce } from './index2.71359404.js'
  58. import './index2.6b7eb987.js'
  59. const de = '_uploadSection_1kpvb_1',
  60. pe = '_uploadFile_1kpvb_11',
  61. me = '_fileUpload_1kpvb_25',
  62. be = '_uploadClass_1kpvb_25',
  63. he = '_disabled_1kpvb_48'
  64. var u = {
  65. uploadSection: de,
  66. uploadFile: pe,
  67. fileUpload: me,
  68. uploadClass: be,
  69. disabled: he
  70. },
  71. ve =
  72. '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',
  73. fe = g({
  74. name: 'col-upload-video',
  75. props: {
  76. modelValue: { type: String, default: '' },
  77. disabled: { type: Boolean, default: !1 },
  78. bucket: { type: String, default: 'daya' },
  79. multiple: { type: Boolean, default: !1 },
  80. limit: { type: Number, default: 1 },
  81. size: { type: Number, default: 800 },
  82. accept: { type: String, default: '.mp4' },
  83. tips: { type: String, default: '\u8BF7\u4E0A\u4F20\u89C6\u9891' },
  84. extraTips: {
  85. type: String,
  86. default: '\u89C6\u9891\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7800MB'
  87. },
  88. multipleModel: { type: Function, default: s => {} }
  89. },
  90. data() {
  91. return {
  92. ossUploadUrl: 'https://ks3-cn-beijing.ksyuncs.com/' + this.bucket,
  93. dataObj: {
  94. policy: '',
  95. signature: '',
  96. key: '',
  97. KSSAccessKeyId: '',
  98. acl: 'public-read',
  99. name: ''
  100. },
  101. fileList: [],
  102. tempUrls: {},
  103. responseList: [],
  104. btnLoading: !1,
  105. loading: null
  106. }
  107. },
  108. methods: {
  109. handleSuccess(s, o, t) {
  110. var a
  111. if (
  112. ((a = this.loading) == null || a.close(),
  113. console.log(this.fileList, 'fileList'),
  114. console.log(s, o, t, 'response'),
  115. this.multiple)
  116. )
  117. o.status === 'success' &&
  118. this.responseList.push(this.tempUrls[o.uid]),
  119. t.length === this.responseList.length &&
  120. ((this.btnLoading = !1),
  121. this.multipleModel(this.responseList),
  122. (this.responseList = []),
  123. (this.fileList = []))
  124. else {
  125. const p = this.ossUploadUrl + '/' + this.dataObj.key
  126. this.$emit('update:modelValue', p)
  127. }
  128. },
  129. handleRemove() {
  130. console.log('remove')
  131. },
  132. handleChange() {
  133. console.log('handleChange')
  134. },
  135. handleProgress(s) {
  136. console.log('handleProgress', s)
  137. },
  138. handleError() {
  139. var s
  140. ;(this.btnLoading = !1), (s = this.loading) == null || s.close()
  141. },
  142. async beforeUpload(s) {
  143. var t
  144. console.log(s)
  145. let o = !0
  146. if (this.size && ((o = s.size / 1024 / 1024 < this.size), !o))
  147. return (
  148. v.error(
  149. `\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7${this.size}M!`
  150. ),
  151. !1
  152. )
  153. this.multiple
  154. ? (this.btnLoading = !0)
  155. : (this.loading = ee.service({
  156. target: this.$refs.uploadDom,
  157. lock: !0,
  158. fullscreen: !1,
  159. text: '\u4E0A\u4F20\u4E2D...',
  160. background: 'rgba(0, 0, 0, 0.7)'
  161. }))
  162. try {
  163. let a = s.name.replaceAll(' ', '_'),
  164. p = new Date().getTime() + a,
  165. m = {
  166. filename: a,
  167. bucketName: this.bucket,
  168. postData: {
  169. filename: a,
  170. acl: 'public-read',
  171. key: p,
  172. unknowValueField: []
  173. }
  174. }
  175. const { data: b } = await d.post('/api-website/getUploadSign', {
  176. data: m
  177. })
  178. ;(this.dataObj = {
  179. policy: b.policy,
  180. signature: b.signature,
  181. key: p,
  182. KSSAccessKeyId: b.kssAccessKeyId,
  183. acl: 'public-read',
  184. name: a
  185. }),
  186. (this.tempUrls[s.uid] = this.ossUploadUrl + '/' + this.dataObj.key)
  187. } catch {
  188. ;(this.btnLoading = !1), (t = this.loading) == null || t.close()
  189. }
  190. },
  191. fileName(s = '') {
  192. return s.split('/').pop()
  193. },
  194. handleExceed(s) {
  195. if (s.length > this.limit)
  196. return (
  197. v.error(
  198. `\u4E00\u6B21\u6027\u6700\u591A\u53EA\u80FD\u4E0A\u4F20${this.limit}\u4E2A\u6587\u4EF6`
  199. ),
  200. !1
  201. )
  202. }
  203. },
  204. render() {
  205. return e('div', { class: [u.colUpload, 'w-full'] }, [
  206. e(
  207. le,
  208. {
  209. disabled: this.disabled,
  210. action: this.ossUploadUrl,
  211. data: this.dataObj,
  212. onSuccess: this.handleSuccess,
  213. onRemove: this.handleRemove,
  214. onChange: this.handleChange,
  215. onProgress: this.handleProgress,
  216. onError: this.handleError,
  217. fileList: this.fileList,
  218. showFileList: !1,
  219. accept: this.accept,
  220. beforeUpload: this.beforeUpload,
  221. onExceed: this.handleExceed,
  222. ref: 'uploadRef',
  223. multiple: this.multiple,
  224. limit: this.limit,
  225. class: [this.multiple && u.fileUpload, this.disabled && u.disabled],
  226. style: { lineHeight: '0' }
  227. },
  228. {
  229. default: () => [
  230. e(
  231. 'div',
  232. {
  233. ref: 'uploadDom',
  234. class: [u.uploadClass, 'w-full'],
  235. style: { height: this.multiple ? '40px' : '85px' }
  236. },
  237. [
  238. this.modelValue
  239. ? e(
  240. 'video',
  241. {
  242. ref: 'videoUpload',
  243. crossorigin: 'anonymous',
  244. class: u.uploadSection,
  245. src: this.modelValue
  246. },
  247. null
  248. )
  249. : this.multiple
  250. ? e(
  251. A,
  252. {
  253. size: 'large',
  254. type: 'primary',
  255. loading: this.btnLoading
  256. },
  257. {
  258. default: () => [
  259. this.btnLoading
  260. ? '\u4E0A\u4F20\u4E2D...'
  261. : '\u70B9\u51FB\u4E0A\u4F20'
  262. ]
  263. }
  264. )
  265. : e(
  266. 'div',
  267. {
  268. class: [
  269. u.uploadSection,
  270. 'flex items-center flex-col justify-center'
  271. ]
  272. },
  273. [
  274. e('img', { src: ve, class: 'w-8 h-7 mb-3' }, null),
  275. e('p', null, [this.tips])
  276. ]
  277. )
  278. ]
  279. )
  280. ]
  281. }
  282. ),
  283. !this.multiple &&
  284. e('p', { class: 'text-3 text-[#999999] leading-6 pt-1' }, [
  285. this.extraTips
  286. ])
  287. ])
  288. }
  289. })
  290. const M = () => ({
  291. groupId: 0,
  292. active: 0,
  293. tabIndex: 1,
  294. loadingStatus: !1,
  295. rate: 0,
  296. subjectList: [],
  297. templateList: [
  298. 'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853010619green.png',
  299. 'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853051064gray.png',
  300. 'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853062314yellow.png',
  301. 'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853076136linear.png'
  302. ],
  303. lessonGroup: {
  304. id: null,
  305. lessonName: '',
  306. lessonSubject: null,
  307. lessonDesc: '',
  308. lessonPrice: null,
  309. lessonCoverUrl: '',
  310. lessonCoverTemplateUrl: ''
  311. },
  312. lessonList: []
  313. }),
  314. l = W(M()),
  315. ge = () => {
  316. Object.assign(l, M())
  317. },
  318. Le = '_createSubmit_11asw_7',
  319. xe = '_introduction_11asw_7',
  320. Ee = '_userDetail_11asw_12',
  321. Ue = '_banner_11asw_12',
  322. Ce = '_userInfo_11asw_18',
  323. ye = '_avatar_11asw_24',
  324. qe = '_name_11asw_30',
  325. we = '_buyNum_11asw_39',
  326. Te = '_buyNumInfo_11asw_53',
  327. Ie = '_iconBuy_11asw_59',
  328. Se = '_info_11asw_62',
  329. Ve = '_userTitle_11asw_68',
  330. Be = '_videoImg_11asw_74',
  331. ke = '_videoStop_11asw_81',
  332. De = '_videoTitle_11asw_93',
  333. Fe = '_videoTitleText_11asw_101',
  334. Ne = '_videoTitleContent_11asw_106'
  335. var i = {
  336. 'course-preview': '_course-preview_11asw_1',
  337. createSubmit: Le,
  338. introduction: xe,
  339. userDetail: Ee,
  340. banner: Ue,
  341. userInfo: Ce,
  342. avatar: ye,
  343. name: qe,
  344. buyNum: we,
  345. buyNumInfo: Te,
  346. iconBuy: Ie,
  347. info: Se,
  348. userTitle: Ve,
  349. videoImg: Be,
  350. videoStop: ke,
  351. videoTitle: De,
  352. videoTitleText: Fe,
  353. videoTitleContent: Ne
  354. },
  355. Pe =
  356. '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==',
  357. Me = g({
  358. name: 'course-preview',
  359. computed: {
  360. userInfo() {
  361. const s = l.lessonGroup,
  362. o = X.user.data || {}
  363. return {
  364. id: o.id,
  365. username: o.username || `\u6E38\u5BA2${o.id || ''}`,
  366. headUrl: o.headUrl,
  367. lessonName: s.lessonName,
  368. buyNum: 0,
  369. lessonDesc: s.lessonDesc,
  370. lessonPrice: s.lessonPrice,
  371. lessonCoverUrl: s.lessonCoverTemplateUrl || s.lessonCoverUrl,
  372. lessonNum: l.lessonList.length
  373. }
  374. },
  375. lessonList() {
  376. return l.lessonList || []
  377. }
  378. },
  379. render() {
  380. return e('div', { class: [i['course-preview'], 'pb-3'] }, [
  381. e('div', { class: i.userDetail }, [
  382. e(
  383. x,
  384. {
  385. class: [i.banner],
  386. src: this.userInfo.lessonCoverUrl,
  387. fit: 'cover'
  388. },
  389. null
  390. ),
  391. e('div', { class: 'bg-white' }, [
  392. e(
  393. 'div',
  394. {
  395. class:
  396. 'p-[14px] text-lg text-[#1a1a1a] font-semibold leading-none'
  397. },
  398. [r('\u6807\u9898')]
  399. ),
  400. e('div', { class: [i.userInfo, 'mx-[14px] py-[14px]'] }, [
  401. e('div', { class: 'flex' }, [
  402. e(
  403. x,
  404. { class: i.avatar, src: this.userInfo.headUrl || J, fit: '' },
  405. null
  406. ),
  407. e('div', { class: i.name }, [
  408. this.userInfo.username ||
  409. `\u6E38\u5BA2${this.userInfo.id || ''}`,
  410. e('div', { class: i.buyNum }, [
  411. this.userInfo.buyNum,
  412. r('\u4EBA\u5DF2\u8D2D\u4E70')
  413. ])
  414. ])
  415. ]),
  416. e('div', { class: i.info }, [
  417. r('\uFFE5'),
  418. this.userInfo.lessonPrice,
  419. r('/'),
  420. this.userInfo.lessonNum,
  421. r('\u8BFE\u65F6')
  422. ])
  423. ])
  424. ])
  425. ]),
  426. e(
  427. 'div',
  428. {
  429. class: [
  430. i['section-detail'],
  431. 'mt-[10px] mx-[14px] rounded-lg bg-white'
  432. ]
  433. },
  434. [
  435. e(
  436. 'div',
  437. {
  438. class:
  439. 'flex items-center py-3 px-[10px] text-[#333333] text-base'
  440. },
  441. [
  442. e(
  443. c,
  444. { size: 18, class: 'mr-2' },
  445. { default: () => [e('img', { src: te }, null)] }
  446. ),
  447. r('\u8BFE\u7A0B\u4ECB\u7ECD')
  448. ]
  449. ),
  450. e(
  451. 'div',
  452. {
  453. class:
  454. 'mx-[10px] pt-[10px] pb-4 text-sm text-[#7A7A7A] border-t border-t-[#EBEBEB]'
  455. },
  456. [this.userInfo.lessonDesc]
  457. )
  458. ]
  459. ),
  460. e(
  461. 'div',
  462. {
  463. class: [
  464. i['section-detail'],
  465. 'mt-[10px] mx-[14px] rounded-lg bg-white'
  466. ]
  467. },
  468. [
  469. e(
  470. 'div',
  471. {
  472. class:
  473. 'flex items-center py-3 px-[10px] text-[#333333] text-base'
  474. },
  475. [
  476. e(
  477. c,
  478. { size: 18, class: 'mr-2' },
  479. { default: () => [e('img', { src: oe }, null)] }
  480. ),
  481. r('\u8BFE\u7A0B\u5217\u8868')
  482. ]
  483. ),
  484. e(
  485. 'div',
  486. {
  487. class:
  488. 'mx-[10px] pt-[10px] pb-4 text-sm text-[#7A7A7A] border-t border-t-[#EBEBEB] flex flex-col'
  489. },
  490. [
  491. l.lessonList.map(s =>
  492. e('div', { class: 'flex mb-3' }, [
  493. e('div', { class: i.videoImg }, [
  494. e(
  495. x,
  496. {
  497. class: 'align-middle h-[70px] w-[100px]',
  498. src: s.coverUrl,
  499. fit: 'cover'
  500. },
  501. null
  502. ),
  503. e(
  504. c,
  505. { class: i.videoStop, size: 26 },
  506. { default: () => [e('img', { src: Pe }, null)] }
  507. )
  508. ]),
  509. e('div', { class: [i.videoTitle, '!h-[70px]'] }, [
  510. e(
  511. 'p',
  512. {
  513. class: [
  514. i.videoTitleText,
  515. 'whitespace-nowrap overflow-hidden text-ellipsis'
  516. ]
  517. },
  518. [s.videoTitle]
  519. ),
  520. e('p', { class: [i.videoTitleContent] }, [s.videoContent])
  521. ])
  522. ])
  523. )
  524. ]
  525. )
  526. ]
  527. )
  528. ])
  529. }
  530. })
  531. const Ge = '_courseContent_1h80v_1'
  532. var Re = { courseContent: Ge },
  533. je =
  534. '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',
  535. _e =
  536. 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IArs4c6QAAAKtQTFRFAAAA////////9vb28/Pz9PT09PT08/Pz8/Pz8/Pz9PT0DQ0NDg4ODw8PERERExMTFRUVFxcXGBgYGxsbHh4eICAgISEhJCQkQkJCRERER0dHSEhIS0tLTExMTk5OVVVVXFxcYWFhjY2Nk5OTlZWVlpaWmJiYmZmZnZ2dpKSkq6urs7Ozubm5v7+/xcXFysrKzc3N19fX2NjY5eXl6Ojo6+vr7e3t7+/v8/PzQBqgLwAAAAt0Uk5TAAIFUVWKpNjc8v4WawkrAAABMElEQVRIx+3XuXLCMBhF4R9sjO1j9j1hx+xrwqb3f7IUEEKKMLJUpPEp3Gi+Tp65EhERybpePlBaBXnPzcojx1eJ8p07zORClbAwlxERkZwyKCci4oQmNHREsr4yys+KqwxzxTOlnuRNaV4CUxrIq9NZqzX7+/QVHQOMTWgMAHFyuohuNFokpcsC9wrLZHRV5FFxlYSuSzxVWuvTTZlflTe6dFsFoPX4UN3q0V0NgOEEYDIEoLbToYc6AINrDBBfBwDUDxq0A0D/crsTsbr0Aeho0ArA+1l9U3V+A6ho0C7QPqkfqk5toKtBP3qN0VE9U3UcNXqfSf6c+OXtT2lKU5rS/6FzgLkR3UcQ7Y2omjab0xczxGL8WEwui6FnMS8tRq3FlLYZ8DbPBovHiukT6QvDn5DJjUbpuAAAAABJRU5ErkJggg==',
  537. Ke =
  538. 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IArs4c6QAAAEhQTFRFAAAA////////9vb28/Pz9PT09PT08/Pz8/Pz8/Pz9PT0AAAACwsLGhoaLS0tNDQ0RUVFi4uLra2t19fX2NjY2dnZ7Ozs8/PzedusZQAAAAt0Uk5TAAIFUVWKpNjc8v4WawkrAAABBElEQVRIx+2XUQ6DIAxAq6KoExHd4P43HbppnNKAVLMf3w9Jw4uVlLQAjKSs4JUJouIFS2EhK80hyuwrJnltDlLnyaTmJoJ8yraOUWubc1qaKMoUmImEQRGrFsCd8V48vogeUTm4K2ExrYvVBphY1SBqQMKYGsI5ar/6QTe/yYPzaFD3fJWQ8H9O+JO0uwRccdgVoEAKU3jU8TDWX5nXOR6gzl+Z1wMqtt7qrd7qRZeOcNW3XKs2dsuwNwcbbjyqtHu6nTt0Niw9qsK7hvKousXMVvsaxxNx25e/52glm63XSKUdPaeK7VYVMnIFwCmDHmG8JAy1hFGaMsBTng2Ex0rsE+kNjFEHody3dJ8AAAAASUVORK5CYII=',
  539. Oe = g({
  540. name: 'course-content',
  541. data() {
  542. return {
  543. show: !1,
  544. form: {
  545. lessonList: [
  546. {
  547. key: 1,
  548. videoTitle: '',
  549. videoContent: '',
  550. videoUrl: '',
  551. coverUrl: ''
  552. }
  553. ]
  554. }
  555. }
  556. },
  557. methods: {
  558. handleUpload(s) {
  559. console.log(s),
  560. (s || []).forEach(t => {
  561. l.lessonList.push({
  562. videoTitle: '',
  563. videoContent: '',
  564. videoUrl: t,
  565. coverUrl: ''
  566. })
  567. })
  568. },
  569. handleSubmit() {
  570. this.$refs.form.validate(async s => {
  571. if (s) {
  572. if (l.lessonList.length <= 0) {
  573. v.error('\u8BF7\u4E0A\u4F20\u8BFE\u7A0B\u89C6\u9891')
  574. return
  575. }
  576. console.log('\u63D0\u4EA4\u6570\u636E'), (this.show = !0)
  577. } else
  578. return (
  579. this.$nextTick(() => {
  580. document
  581. .getElementsByClassName('is-error')[0]
  582. .scrollIntoView({ block: 'center', behavior: 'smooth' })
  583. }),
  584. !1
  585. )
  586. })
  587. },
  588. async createSubmit() {
  589. try {
  590. const s = l.lessonGroup
  591. let o = {
  592. lessonList: l.lessonList,
  593. lessonGroup: I(T({}, s), {
  594. lessonCoverUrl: s.lessonCoverTemplateUrl || s.lessonCoverUrl
  595. })
  596. }
  597. l.groupId
  598. ? (await d.post('/api-website/videoLessonGroup/update', {
  599. data: o
  600. }),
  601. v.success('\u4FEE\u6539\u6210\u529F'))
  602. : (await d.post('/api-website/videoLessonGroup/add', { data: o }),
  603. v.success('\u521B\u5EFA\u6210\u529F')),
  604. sessionStorage.setItem('videoActiveName', 'DOING'),
  605. this.$router.back()
  606. } catch {}
  607. },
  608. swapItems(s, o, t) {
  609. return (s[o] = s.splice(t, 1, s[o])[0]), s
  610. }
  611. },
  612. render() {
  613. return e('div', { class: Re.courseContent }, [
  614. e(
  615. D,
  616. {
  617. class: 'px-[140px] pb-10 pt-7 min-h-[280px]',
  618. size: 'large',
  619. labelWidth: '90px',
  620. labelPosition: 'left',
  621. ref: 'form',
  622. model: l
  623. },
  624. {
  625. default: () => [
  626. e(
  627. n,
  628. { label: '\u8BFE\u7A0B\u89C6\u9891', required: !0 },
  629. {
  630. default: () => [
  631. e('div', null, [
  632. e(
  633. fe,
  634. {
  635. multiple: !0,
  636. limit: 3,
  637. bucket: 'video-course',
  638. multipleModel: s => {
  639. this.handleUpload(s)
  640. }
  641. },
  642. null
  643. )
  644. ])
  645. ]
  646. }
  647. ),
  648. l.lessonList.map((s, o) =>
  649. e(
  650. 'div',
  651. {
  652. class:
  653. 'p-4 pt-5 rounded-xl mb-3 border border-dashed border-gray-300 relative',
  654. key: s.key
  655. },
  656. [
  657. e('div', { class: 'absolute right-4 top-4 z-10 flex' }, [
  658. o !== 0 &&
  659. e(
  660. E,
  661. {
  662. class: 'box-item',
  663. effect: 'dark',
  664. content: '\u4E0A\u79FB',
  665. placement: 'top'
  666. },
  667. {
  668. default: () => [
  669. e(
  670. 'div',
  671. {
  672. onClick: () => {
  673. this.swapItems(l.lessonList, o, o - 1)
  674. }
  675. },
  676. [
  677. e(
  678. c,
  679. { size: 29 },
  680. {
  681. default: () => [
  682. e('img', { src: _e }, null)
  683. ]
  684. }
  685. )
  686. ]
  687. )
  688. ]
  689. }
  690. ),
  691. l.lessonList.length - 1 !== o &&
  692. e(
  693. E,
  694. {
  695. class: 'box-item',
  696. effect: 'dark',
  697. content: '\u4E0B\u79FB',
  698. placement: 'top'
  699. },
  700. {
  701. default: () => [
  702. e(
  703. 'div',
  704. {
  705. onClick: () => {
  706. this.swapItems(l.lessonList, o, o + 1)
  707. }
  708. },
  709. [
  710. e(
  711. c,
  712. { size: 29, class: 'ml-3' },
  713. {
  714. default: () => [
  715. e(
  716. 'img',
  717. {
  718. src: je,
  719. title: '\u5411\u4E0B\u79FB\u52A8'
  720. },
  721. null
  722. )
  723. ]
  724. }
  725. )
  726. ]
  727. )
  728. ]
  729. }
  730. ),
  731. l.lessonList.length > 1 &&
  732. e(
  733. E,
  734. {
  735. class: 'box-item',
  736. effect: 'dark',
  737. content: '\u5220\u9664',
  738. placement: 'top'
  739. },
  740. {
  741. default: () => [
  742. e(
  743. 'div',
  744. {
  745. onClick: () => {
  746. Y.confirm(
  747. '\u786E\u5B9A\u5220\u9664\u8BE5\u6761\u6570\u636E\u5417\uFF1F',
  748. '\u63D0\u793A',
  749. { type: 'warning' }
  750. ).then(() => {
  751. l.lessonList.splice(o, 1)
  752. })
  753. }
  754. },
  755. [
  756. e(
  757. c,
  758. { size: 29, class: 'ml-3' },
  759. {
  760. default: () => [
  761. e('img', { src: Ke }, null)
  762. ]
  763. }
  764. )
  765. ]
  766. )
  767. ]
  768. }
  769. )
  770. ]),
  771. e(F, null, {
  772. default: () => [
  773. e(
  774. U,
  775. { span: 10 },
  776. {
  777. default: () => [
  778. e(
  779. n,
  780. { label: `\u7B2C${o + 1}\u8BFE` },
  781. {
  782. default: () => [
  783. e(
  784. re,
  785. {
  786. styleValue: {
  787. with: '150px',
  788. height: '85px'
  789. },
  790. controls: !1,
  791. src: s.videoUrl,
  792. volume: !1
  793. },
  794. null
  795. ),
  796. e('p', null, null)
  797. ]
  798. }
  799. )
  800. ]
  801. }
  802. ),
  803. e(
  804. U,
  805. { span: 10 },
  806. {
  807. default: () => [
  808. e(
  809. n,
  810. {
  811. label: '\u89C6\u9891\u5C01\u9762',
  812. prop: `lessonList.${o}.coverUrl`,
  813. rules: [
  814. {
  815. required: !0,
  816. message:
  817. '\u8BF7\u4E0A\u4F20\u89C6\u9891\u5C01\u9762'
  818. }
  819. ]
  820. },
  821. {
  822. default: () => [
  823. e(
  824. se,
  825. {
  826. modelValue: s.coverUrl,
  827. 'onUpdate:modelValue': t =>
  828. (s.coverUrl = t)
  829. },
  830. null
  831. )
  832. ]
  833. }
  834. )
  835. ]
  836. }
  837. )
  838. ]
  839. }),
  840. e(
  841. n,
  842. {
  843. label: '\u8BFE\u7A0B\u6807\u9898',
  844. prop: `lessonList.${o}.videoTitle`,
  845. rules: [
  846. {
  847. required: !0,
  848. message:
  849. '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u6807\u9898'
  850. }
  851. ]
  852. },
  853. {
  854. default: () => [
  855. e(
  856. f,
  857. {
  858. placeholder:
  859. '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u6807\u9898',
  860. modelValue: s.videoTitle,
  861. 'onUpdate:modelValue': t => (s.videoTitle = t)
  862. },
  863. null
  864. )
  865. ]
  866. }
  867. ),
  868. e(
  869. n,
  870. {
  871. label: '\u8BFE\u7A0B\u4ECB\u7ECD',
  872. prop: `lessonList.${o}.videoContent`,
  873. rules: [
  874. {
  875. required: !0,
  876. message:
  877. '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u4ECB\u7ECD'
  878. }
  879. ]
  880. },
  881. {
  882. default: () => [
  883. e(
  884. f,
  885. {
  886. placeholder:
  887. '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u4ECB\u7ECD',
  888. modelValue: s.videoContent,
  889. 'onUpdate:modelValue': t => (s.videoContent = t),
  890. type: 'textarea',
  891. maxlength: 200,
  892. rows: 4,
  893. showWordLimit: !0
  894. },
  895. null
  896. )
  897. ]
  898. }
  899. )
  900. ]
  901. )
  902. )
  903. ]
  904. }
  905. ),
  906. e(
  907. 'div',
  908. { class: 'border-t border-t-[#E5E5E5] text-center pt-6 pb-7' },
  909. [
  910. e(
  911. A,
  912. {
  913. class: '!w-40 !h-[38px]',
  914. onClick: () => {
  915. l.active = 0
  916. const s =
  917. document.documentElement.scrollTop ||
  918. document.body.scrollTop
  919. N(s, 0)
  920. }
  921. },
  922. { default: () => [r('\u4E0A\u4E00\u6B65')] }
  923. ),
  924. e(
  925. A,
  926. {
  927. type: 'primary',
  928. class: '!w-40 !h-[38px]',
  929. onClick: this.handleSubmit
  930. },
  931. { default: () => [r('\u4E0B\u4E00\u6B65')] }
  932. )
  933. ]
  934. ),
  935. e(
  936. Z,
  937. {
  938. modelValue: this.show,
  939. 'onUpdate:modelValue': s => (this.show = s),
  940. title: '\u9884\u89C8'
  941. },
  942. {
  943. default: () => [e(Me, null, null)],
  944. footer: () =>
  945. e('span', { class: 'dialog-footer !text-center block ' }, [
  946. e(
  947. A,
  948. {
  949. size: 'large',
  950. round: !0,
  951. onClick: () => {
  952. this.show = !1
  953. }
  954. },
  955. { default: () => [r('\u8FD4\u56DE\u7F16\u8F91')] }
  956. ),
  957. e(
  958. A,
  959. {
  960. size: 'large',
  961. round: !0,
  962. type: 'primary',
  963. onClick: this.createSubmit
  964. },
  965. { default: () => [r('\u521B\u5EFA\u5B8C\u6210')] }
  966. )
  967. ])
  968. }
  969. )
  970. ])
  971. }
  972. })
  973. const ze = '_tabs_113o2_1',
  974. Qe = '_imgCover_113o2_4'
  975. var B = { tabs: ze, imgCover: Qe }
  976. function k(s) {
  977. return (
  978. typeof s == 'function' ||
  979. (Object.prototype.toString.call(s) === '[object Object]' && !H(s))
  980. )
  981. }
  982. var We = g({
  983. name: 'course-info',
  984. data() {
  985. return { url: '', calcRatePrice: 0 }
  986. },
  987. computed: {
  988. choiceSubjectIds() {
  989. let s = l.lessonGroup.lessonSubject
  990. ? Number(l.lessonGroup.lessonSubject)
  991. : null
  992. return s ? [s] : []
  993. },
  994. subjectList() {
  995. return l.subjectList || []
  996. },
  997. lessonSubjectName() {
  998. let s = ''
  999. return (
  1000. this.subjectList.forEach(o => {
  1001. this.choiceSubjectIds.includes(o.id) && (s = o.name)
  1002. }),
  1003. s
  1004. )
  1005. }
  1006. },
  1007. async mounted() {
  1008. try {
  1009. if (l.subjectList.length <= 0) {
  1010. const s = await d.post('/api-website/teacher/querySubject')
  1011. l.subjectList = s.data || []
  1012. }
  1013. } catch {}
  1014. },
  1015. methods: {
  1016. onFormatter(s) {
  1017. s.target.value = ie(s.target.value)
  1018. let o = l.rate || 0,
  1019. t = s.target.value || 0
  1020. this.calcRatePrice = (t - (o / 100) * t).toFixed(2)
  1021. },
  1022. tabChange(s) {
  1023. this.$refs.form.clearValidate('lessonCoverTemplateUrl'),
  1024. this.$refs.form.clearValidate('lessonCoverUrl'),
  1025. (l.tabIndex = s)
  1026. },
  1027. selectImg(s) {
  1028. ;(l.lessonGroup.lessonCoverUrl = ''),
  1029. (l.lessonGroup.lessonCoverTemplateUrl = s)
  1030. }
  1031. },
  1032. render() {
  1033. let s, o
  1034. return e(P, null, [
  1035. e(
  1036. D,
  1037. {
  1038. class: 'px-[200px] pb-10 pt-7',
  1039. size: 'large',
  1040. ref: 'form',
  1041. labelWidth: '100px',
  1042. labelPosition: 'left',
  1043. model: l.lessonGroup
  1044. },
  1045. {
  1046. default: () => [
  1047. e(
  1048. n,
  1049. {
  1050. label: '\u8BFE\u7A0B\u540D\u79F0',
  1051. prop: 'lessonName',
  1052. rules: [
  1053. {
  1054. required: !0,
  1055. message: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u540D\u79F0'
  1056. }
  1057. ]
  1058. },
  1059. {
  1060. default: () => [
  1061. e(
  1062. f,
  1063. {
  1064. modelValue: l.lessonGroup.lessonName,
  1065. 'onUpdate:modelValue': t =>
  1066. (l.lessonGroup.lessonName = t),
  1067. placeholder:
  1068. '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u540D\u79F0'
  1069. },
  1070. null
  1071. )
  1072. ]
  1073. }
  1074. ),
  1075. e(
  1076. n,
  1077. {
  1078. label: '\u8BFE\u7A0B\u58F0\u90E8',
  1079. prop: 'lessonSubject',
  1080. rules: [
  1081. {
  1082. required: !0,
  1083. message: '\u8BF7\u9009\u62E9\u8BFE\u7A0B\u58F0\u90E8'
  1084. }
  1085. ]
  1086. },
  1087. {
  1088. default: () => [
  1089. e(
  1090. ne,
  1091. {
  1092. class: 'w-full',
  1093. modelValue: l.lessonGroup.lessonSubject,
  1094. 'onUpdate:modelValue': t =>
  1095. (l.lessonGroup.lessonSubject = t),
  1096. placeholder:
  1097. '\u8BF7\u9009\u62E9\u8BFE\u7A0B\u58F0\u90E8'
  1098. },
  1099. k(
  1100. (s = l.subjectList.map(t =>
  1101. e(ue, { key: t.id, value: t.id, label: t.name }, null)
  1102. ))
  1103. )
  1104. ? s
  1105. : { default: () => [s] }
  1106. )
  1107. ]
  1108. }
  1109. ),
  1110. e(
  1111. n,
  1112. {
  1113. label: '\u8BFE\u7A0B\u4ECB\u7ECD',
  1114. prop: 'lessonDesc',
  1115. rules: [
  1116. {
  1117. required: !0,
  1118. message: '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u4ECB\u7ECD'
  1119. }
  1120. ]
  1121. },
  1122. {
  1123. default: () => [
  1124. e(
  1125. f,
  1126. {
  1127. placeholder:
  1128. '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u4ECB\u7ECD',
  1129. modelValue: l.lessonGroup.lessonDesc,
  1130. 'onUpdate:modelValue': t =>
  1131. (l.lessonGroup.lessonDesc = t),
  1132. type: 'textarea',
  1133. maxlength: 200,
  1134. rows: 4,
  1135. showWordLimit: !0
  1136. },
  1137. null
  1138. )
  1139. ]
  1140. }
  1141. ),
  1142. e(
  1143. n,
  1144. {
  1145. label: '\u8BFE\u7A0B\u7EC4\u552E\u4EF7',
  1146. prop: 'lessonPrice',
  1147. rules: [
  1148. {
  1149. required: !0,
  1150. message:
  1151. '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u7EC4\u552E\u4EF7'
  1152. }
  1153. ]
  1154. },
  1155. {
  1156. default: () => [
  1157. e(
  1158. f,
  1159. {
  1160. placeholder:
  1161. '\u8BF7\u8F93\u5165\u8BFE\u7A0B\u7EC4\u552E\u4EF7',
  1162. modelValue: l.lessonGroup.lessonPrice,
  1163. 'onUpdate:modelValue': t =>
  1164. (l.lessonGroup.lessonPrice = t),
  1165. onKeyup: this.onFormatter
  1166. },
  1167. {
  1168. append: () =>
  1169. e('span', { class: 'text-base text-[#333]' }, [
  1170. r('\u5143')
  1171. ])
  1172. }
  1173. )
  1174. ]
  1175. }
  1176. ),
  1177. e(
  1178. 'div',
  1179. {
  1180. class: 'text-sm text-[#999] pl-[100px] leading-relaxed pb-2'
  1181. },
  1182. [
  1183. e('p', null, [
  1184. r(
  1185. '\u6263\u9664\u624B\u7EED\u8D39\u540E\u60A8\u7684\u8BFE\u7A0B\u9884\u8BA1\u6536\u5165\u4E3A\uFF1A '
  1186. )
  1187. ]),
  1188. e('p', null, [
  1189. r('\u8BFE\u7A0B\u7EC4\u603B\u6536\u5165'),
  1190. e('span', { class: 'px-1 text-[#FF4E19]' }, [
  1191. this.calcRatePrice
  1192. ]),
  1193. r('\u5143/\u4EBA')
  1194. ]),
  1195. e('p', null, [
  1196. r(
  1197. '\u60A8\u7684\u8BFE\u7A0B\u6536\u5165\u5C06\u5728\u8BFE\u7A0B\u7ED3\u675F\u540E\u7ED3\u7B97\u5230\u60A8\u7684\u8D26\u6237\u4E2D '
  1198. )
  1199. ])
  1200. ]
  1201. ),
  1202. e(
  1203. n,
  1204. { label: '\u8BFE\u7A0B\u5C01\u9762', class: '!mb-0' },
  1205. {
  1206. default: () => [
  1207. e(
  1208. $,
  1209. {
  1210. modelValue: l.tabIndex,
  1211. 'onUpdate:modelValue': t => (l.tabIndex = t),
  1212. class: B.tabs,
  1213. 'onTab-change': t => {
  1214. this.tabChange(t)
  1215. }
  1216. },
  1217. {
  1218. default: () => [
  1219. e(
  1220. V,
  1221. { label: '\u56FE\u7247\u6A21\u677F', name: 1 },
  1222. null
  1223. ),
  1224. e(
  1225. V,
  1226. {
  1227. label: '\u81EA\u5B9A\u4E49\u6A21\u677F',
  1228. name: 2
  1229. },
  1230. null
  1231. )
  1232. ]
  1233. }
  1234. )
  1235. ]
  1236. }
  1237. ),
  1238. l.tabIndex === 1 &&
  1239. e(
  1240. n,
  1241. {
  1242. prop: 'lessonCoverTemplateUrl',
  1243. rules: [
  1244. {
  1245. required: !0,
  1246. message: '\u8BF7\u4E0A\u4F20\u8BFE\u7A0B\u5C01\u9762'
  1247. }
  1248. ]
  1249. },
  1250. {
  1251. default: () => [
  1252. e(
  1253. Ae,
  1254. {
  1255. modelValue: l.lessonGroup.lessonCoverTemplateUrl,
  1256. 'onUpdate:modelValue': t =>
  1257. (l.lessonGroup.lessonCoverTemplateUrl = t)
  1258. },
  1259. {
  1260. default: () => [
  1261. e(
  1262. F,
  1263. null,
  1264. k(
  1265. (o = l.templateList.map(t =>
  1266. e(
  1267. U,
  1268. { span: 10, class: 'mb-3 cursor-pointer' },
  1269. {
  1270. default: () => [
  1271. e(
  1272. 'div',
  1273. {
  1274. class:
  1275. 'w-[152px] relative rounded-xl overflow-hidden border',
  1276. onClick: () => {
  1277. this.selectImg(t)
  1278. }
  1279. },
  1280. [
  1281. e(
  1282. x,
  1283. { src: t, class: 'align-middle' },
  1284. null
  1285. ),
  1286. e(
  1287. ce,
  1288. {
  1289. label: t,
  1290. class:
  1291. '!absolute bottom-2 right-0 !h-auto z-10'
  1292. },
  1293. { default: () => [''] }
  1294. )
  1295. ]
  1296. )
  1297. ]
  1298. }
  1299. )
  1300. ))
  1301. )
  1302. ? o
  1303. : { default: () => [o] }
  1304. )
  1305. ]
  1306. }
  1307. )
  1308. ]
  1309. }
  1310. ),
  1311. l.tabIndex === 2 &&
  1312. e(
  1313. n,
  1314. {
  1315. prop: 'lessonCoverUrl',
  1316. rules: [
  1317. {
  1318. required: !0,
  1319. message: '\u8BF7\u4E0A\u4F20\u8BFE\u7A0B\u5C01\u9762',
  1320. trigger: 'change'
  1321. }
  1322. ]
  1323. },
  1324. {
  1325. default: () => [
  1326. e(
  1327. ae,
  1328. {
  1329. modelValue: l.lessonGroup.lessonCoverUrl,
  1330. class: B.imgCover,
  1331. bucket: 'video-course',
  1332. cropUploadSuccess: t => {
  1333. ;(l.lessonGroup.lessonCoverUrl = t),
  1334. (l.lessonGroup.lessonCoverTemplateUrl = '')
  1335. },
  1336. options: {
  1337. title: '\u8BFE\u7A0B\u5C01\u9762',
  1338. fixedNumber: [3.34, 2],
  1339. autoCropWidth: 375,
  1340. autoCropHeight: 212
  1341. }
  1342. },
  1343. null
  1344. )
  1345. ]
  1346. }
  1347. )
  1348. ]
  1349. }
  1350. ),
  1351. e(
  1352. 'div',
  1353. { class: 'border-t border-t-[#E5E5E5] text-center pt-6 pb-7' },
  1354. [
  1355. e(
  1356. A,
  1357. {
  1358. type: 'primary',
  1359. class: '!w-40 !h-[38px]',
  1360. onClick: () => {
  1361. this.$refs.form.validate(async t => {
  1362. if (t) {
  1363. l.active = 1
  1364. const a =
  1365. document.documentElement.scrollTop ||
  1366. document.body.scrollTop
  1367. N(a, 0)
  1368. } else
  1369. return (
  1370. this.$nextTick(() => {
  1371. document
  1372. .getElementsByClassName('is-error')[0]
  1373. .scrollIntoView({
  1374. block: 'center',
  1375. behavior: 'smooth'
  1376. })
  1377. }),
  1378. !1
  1379. )
  1380. })
  1381. }
  1382. },
  1383. { default: () => [r('\u4E0B\u4E00\u6B65')] }
  1384. )
  1385. ]
  1386. )
  1387. ])
  1388. }
  1389. }),
  1390. rs = g({
  1391. name: 'video-operation',
  1392. data() {
  1393. return { type: this.$route.query.type || 'create' }
  1394. },
  1395. async created() {
  1396. ge()
  1397. const s = this.$route.query
  1398. if (((l.groupId = Number(s.groupId) || 0), !l.groupId)) return !1
  1399. try {
  1400. l.loadingStatus = !0
  1401. const a = (
  1402. await d.get('/api-website/videoLessonGroup/selectVideoLesson', {
  1403. params: { groupId: l.groupId }
  1404. })
  1405. ).data,
  1406. o = a.lessonGroup,
  1407. {
  1408. auditStatus: p,
  1409. lessonCoverUrl: m,
  1410. lessonPrice: b,
  1411. lessonDesc: G,
  1412. lessonSubject: R,
  1413. lessonName: j,
  1414. id: _
  1415. } = o,
  1416. Xe = S(o, [
  1417. 'auditStatus',
  1418. 'lessonCoverUrl',
  1419. 'lessonPrice',
  1420. 'lessonDesc',
  1421. 'lessonSubject',
  1422. 'lessonName',
  1423. 'id'
  1424. ])
  1425. let C = !!l.templateList.includes(m)
  1426. ;(l.lessonGroup = {
  1427. id: _,
  1428. lessonName: j,
  1429. lessonSubject: R,
  1430. lessonDesc: G,
  1431. lessonPrice: b,
  1432. lessonCoverTemplateUrl: C ? m : '',
  1433. lessonCoverUrl: C ? '' : m
  1434. }),
  1435. (l.lessonList = []),
  1436. a.detailList &&
  1437. a.detailList.forEach(h => {
  1438. l.lessonList.push({
  1439. videoTitle: h.videoTitle,
  1440. videoContent: h.videoContent,
  1441. videoUrl: h.videoUrl,
  1442. coverUrl: h.coverUrl,
  1443. posterUrl: h.posterUrl
  1444. })
  1445. }),
  1446. (l.loadingStatus = !1)
  1447. } catch {}
  1448. l.lessonGroup.lessonCoverUrl &&
  1449. !l.templateList.includes(l.lessonGroup.lessonCoverUrl)
  1450. ? (l.tabIndex = 2)
  1451. : (l.tabIndex = 1)
  1452. },
  1453. async mounted() {
  1454. try {
  1455. const s = await d.get('/api-website/sysConfig/queryByParamName', {
  1456. params: { paramName: 'video_lesson_service_fee' }
  1457. })
  1458. l.rate = s.data.paramValue
  1459. } catch {}
  1460. },
  1461. render() {
  1462. return e(P, null, [
  1463. e(
  1464. 'div',
  1465. {
  1466. class:
  1467. 'text-base text-[#333] leading-none px-6 py-5 border-b border-b-[#E5E5E5]'
  1468. },
  1469. [
  1470. this.type === 'create'
  1471. ? '\u65B0\u5EFA\u89C6\u9891\u8BFE'
  1472. : '\u7F16\u8F91\u89C6\u9891\u8BFE'
  1473. ]
  1474. ),
  1475. e('div', { class: 'pt-12' }, [
  1476. e(Q, { class: 'px-[200px]', type: 'large', active: l.active }, null),
  1477. l.active === 0 && e(We, null, null),
  1478. l.active === 1 && e(Oe, null, null)
  1479. ])
  1480. ])
  1481. }
  1482. })
  1483. export { rs as default }