index.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685
  1. import { getClientTypeList } from '@/api/device/version'
  2. import { platform, audioType } from '@/api/music/platform'
  3. import { options } from '@/api/music/radio'
  4. import { list as categoryList } from '@/api/device/category'
  5. import { list as functionList } from '@/api/device/function'
  6. import { options as blogClass } from '@/api/music/blogclass'
  7. import { options as mapList } from '@/api/operation/map'
  8. // 设备列表
  9. const devMixin = {
  10. data() {
  11. return {
  12. devOptions: []
  13. }
  14. },
  15. mounted() {
  16. getClientTypeList(this.types ? { types: this.types } : {}).then(res => {
  17. if (res.code === 0) {
  18. res.data.map(i => {
  19. this.devOptions.push({
  20. value: i.clientTypeId,
  21. label: i.name
  22. })
  23. })
  24. }
  25. })
  26. }
  27. }
  28. // 设备模式
  29. const devModeMixin = {
  30. data() {
  31. return {
  32. devModeOptions: [{
  33. value: 1,
  34. label: '蓝牙',
  35. disabled: false
  36. }, {
  37. value: 2,
  38. label: 'WIFI',
  39. disabled: false
  40. }, {
  41. value: 3,
  42. label: '传统蓝牙',
  43. disabled: false
  44. }, {
  45. value: 4,
  46. label: '4G',
  47. disabled: false
  48. }]
  49. }
  50. }
  51. }
  52. // 设备分类
  53. const devCategoryMixin = {
  54. data() {
  55. return {
  56. categoryOptions: []
  57. }
  58. },
  59. mounted() {
  60. categoryList().then(res => {
  61. res.data.map(i => {
  62. this.categoryOptions.push({
  63. value: i.id,
  64. label: i.name
  65. })
  66. })
  67. })
  68. }
  69. }
  70. // 设备类型
  71. const devTypeMixin = {
  72. data() {
  73. return {
  74. devTypeOptions: [{
  75. value: 0,
  76. label: '音响'
  77. }, {
  78. value: 1,
  79. label: '耳机'
  80. }, {
  81. value: 2,
  82. label: '穿戴'
  83. }]
  84. }
  85. }
  86. }
  87. // 功能权限
  88. const devFucMixin = {
  89. data() {
  90. return {
  91. devFucOptions: []
  92. }
  93. },
  94. mounted() {
  95. functionList().then(res => {
  96. if (res.code === 0) {
  97. res.data.map(i => {
  98. this.devFucOptions.push({
  99. value: i.id,
  100. label: i.name
  101. })
  102. })
  103. }
  104. })
  105. }
  106. }
  107. // 是否
  108. const yesOrNoMixin = {
  109. data() {
  110. return {
  111. yesOrNoOptions: [{
  112. value: 0,
  113. label: '否'
  114. }, {
  115. value: 1,
  116. label: '是'
  117. }]
  118. }
  119. }
  120. }
  121. // 服务时长
  122. const serviceTimeMixin = {
  123. data() {
  124. return {
  125. serviceTimeOptions: [{
  126. value: -1,
  127. label: '1天'
  128. }, {
  129. value: 1,
  130. label: '7天'
  131. }, {
  132. value: 2,
  133. label: '14天'
  134. }, {
  135. value: 3,
  136. label: '1个月'
  137. }, {
  138. value: 4,
  139. label: '3个月'
  140. }, {
  141. value: 5,
  142. label: '6个月'
  143. }, {
  144. value: 6,
  145. label: '1年'
  146. }, {
  147. value: 7,
  148. label: '2年'
  149. }, {
  150. value: 8,
  151. label: '3年'
  152. }, {
  153. value: 9,
  154. label: '5年'
  155. }, {
  156. value: 0,
  157. label: '永久'
  158. }]
  159. }
  160. }
  161. }
  162. const serviceTypeMixin = {
  163. data() {
  164. return {
  165. // 服务类型
  166. serviceTypeOptions: [{
  167. value: 0,
  168. label: '签到'
  169. }, {
  170. value: 1,
  171. label: '收听奖励'
  172. }, {
  173. value: 2,
  174. label: '积分抽奖'
  175. }, {
  176. value: 3,
  177. label: '打开手机通知'
  178. }, {
  179. value: 4,
  180. label: '积分兑换'
  181. }, {
  182. value: 5,
  183. label: '会员中心'
  184. }],
  185. }
  186. }
  187. }
  188. // 是否免费
  189. const isFreeMixin = {
  190. data() {
  191. return {
  192. freeOptions: [{
  193. value: 0,
  194. label: '付费'
  195. }, {
  196. value: 1,
  197. label: '免费'
  198. }]
  199. }
  200. }
  201. }
  202. // 音频类型
  203. const audioMixin = {
  204. data() {
  205. return {
  206. audioOptions: [{
  207. value: 2,
  208. label: '广播电台'
  209. }, {
  210. value: 6,
  211. label: '节目'
  212. }, {
  213. value: 8,
  214. label: '播客专辑'
  215. }, {
  216. value: 9,
  217. label: '歌手'
  218. }, {
  219. value: 10,
  220. label: '歌单'
  221. }, {
  222. value: 11,
  223. label: '歌曲'
  224. }, {
  225. value: 12,
  226. label: '主播'
  227. }, {
  228. value: 15,
  229. label: '音乐专辑'
  230. }],
  231. audioTypeOptions: []
  232. }
  233. },
  234. methods: {
  235. // 通过平台获取对应的音频类型
  236. getAudioType(e) {
  237. return new Promise((resolve, reject) => {
  238. platform(e).then(res => {
  239. if (res.code === 0) {
  240. resolve(this.audioTypeOptions = res.data[0].audioType.split(',').map(i => this.audioOptions.find(j => j.value == i)))
  241. }
  242. })
  243. }).catch(err => {
  244. reject()
  245. })
  246. }
  247. }
  248. }
  249. // 性别
  250. const sexMixin = {
  251. data() {
  252. return {
  253. sexOptions: [{
  254. value: 0,
  255. label: '未知'
  256. }, {
  257. value: 1,
  258. label: '男'
  259. }, {
  260. value: 2,
  261. label: '女'
  262. }]
  263. }
  264. }
  265. }
  266. // 所属地区
  267. const regionMixin = {
  268. data() {
  269. return {
  270. regionOptions: [{
  271. value: 0,
  272. label: '内地'
  273. }, {
  274. value: 1,
  275. label: '港台'
  276. }, {
  277. value: 2,
  278. label: '欧美'
  279. }, {
  280. value: 3,
  281. label: '日本'
  282. }, {
  283. value: 4,
  284. label: '韩国'
  285. }, {
  286. value: 5,
  287. label: '其他'
  288. }]
  289. }
  290. }
  291. }
  292. // 语种
  293. const languageMixin = {
  294. data() {
  295. return {
  296. languageOptions: [{
  297. value: 1,
  298. label: '国语'
  299. }, {
  300. value: 2,
  301. label: '欧美'
  302. }, {
  303. value: 3,
  304. label: '粤语'
  305. }, {
  306. value: 4,
  307. label: '韩语'
  308. }, {
  309. value: 5,
  310. label: '日语'
  311. }, {
  312. value: 6,
  313. label: '其他'
  314. }]
  315. }
  316. }
  317. }
  318. // 所属平台
  319. const platformMixin = {
  320. data() {
  321. return {
  322. platformTypeOptions: [],
  323. platformOptions: [],
  324. }
  325. },
  326. methods: {
  327. // 通过音频类型获取对应的平台
  328. getPlatform(e) {
  329. this.platformOptions = []
  330. return new Promise((resolve, reject) => {
  331. audioType(e).then(res => {
  332. if (res.code === 0) {
  333. res.data.map(i => this.platformOptions.push({
  334. value: Number(i.id),
  335. label: i.name,
  336. joinType: i.joinType
  337. }))
  338. e ? this.platformTypeOptions = this.platformOptions : ''
  339. resolve(this.platformOptions, this.platformTypeOptions)
  340. }
  341. }).catch(err => {
  342. reject()
  343. })
  344. })
  345. },
  346. // 第三方资源平台不可编辑
  347. disabledPlatformId(e) {
  348. let value = this.platformOptions.find(i => i.value == e)
  349. if (value) {
  350. return value.joinType.includes('1') ? true : false
  351. }
  352. },
  353. // 禁止选择第三方平台
  354. disabledJoinType(e) {
  355. return e.split(',').includes('1')
  356. }
  357. }
  358. }
  359. // 上下架状态
  360. const onOrOffMixin = {
  361. data() {
  362. return {
  363. onOrOffOptions: [{
  364. value: 1,
  365. label: '上架'
  366. }, {
  367. value: 2,
  368. label: '下架'
  369. }]
  370. }
  371. }
  372. }
  373. // 上下架状态
  374. const disabledMixin = {
  375. data() {
  376. return {
  377. disabledOptions: [{
  378. value: 0,
  379. label: '上架'
  380. }, {
  381. value: 1,
  382. label: '下架'
  383. }]
  384. }
  385. }
  386. }
  387. // 付费类型
  388. const payTypeMixin = {
  389. data() {
  390. return {
  391. payTypeOptions: [{
  392. value: 1,
  393. label: '免费'
  394. }, {
  395. value: 2,
  396. label: '全集购买'
  397. }, {
  398. value: 3,
  399. label: '单集购买'
  400. }, {
  401. value: 4,
  402. label: 'Vip专享'
  403. }, {
  404. value: 5,
  405. label: '亲子付费'
  406. }]
  407. }
  408. }
  409. }
  410. // 专辑类型
  411. const albumTypeMixin = {
  412. data() {
  413. return {
  414. albumTypeOptions: [{
  415. value: 1,
  416. label: 'Single'
  417. }, {
  418. value: 2,
  419. label: 'EP'
  420. }, {
  421. value: 3,
  422. label: 'Album'
  423. }, {
  424. value: 4,
  425. label: '古典专辑'
  426. }, {
  427. value: 5,
  428. label: '自制专辑'
  429. }]
  430. }
  431. }
  432. }
  433. // 地域分类
  434. const addressMixin = {
  435. data() {
  436. return {
  437. addressOptions: []
  438. }
  439. },
  440. mounted() {
  441. this.getAddress()
  442. },
  443. methods: {
  444. getAddress() {
  445. options(2).then(res => {
  446. if (res.code === 0) {
  447. res.data.map(i => {
  448. this.addressOptions.push({
  449. value: i.id,
  450. label: i.name
  451. })
  452. })
  453. }
  454. })
  455. }
  456. }
  457. }
  458. // 广播分类
  459. const contentMixin = {
  460. data() {
  461. return {
  462. contentOptions: []
  463. }
  464. },
  465. mounted() {
  466. this.getContent()
  467. },
  468. methods: {
  469. getContent() {
  470. options(1).then(res => {
  471. if (res.code === 0) {
  472. res.data.map(i => {
  473. this.contentOptions.push({
  474. value: i.id,
  475. label: i.name
  476. })
  477. })
  478. }
  479. })
  480. }
  481. }
  482. }
  483. // 播客分类
  484. const blogClassMixin = {
  485. data() {
  486. return {
  487. blogClassOptions: []
  488. }
  489. },
  490. mounted() {
  491. blogClass().then(res => {
  492. if (res.code === 0) {
  493. res.data.map(i => {
  494. this.blogClassOptions.push({
  495. value: i.id,
  496. label: i.name
  497. })
  498. })
  499. }
  500. })
  501. }
  502. }
  503. // 时效性
  504. const currentMixin = {
  505. data() {
  506. return {
  507. currentOptions: [{
  508. value: 0,
  509. label: '已生效'
  510. }, {
  511. value: 1,
  512. label: '待生效'
  513. }, {
  514. value: 2,
  515. label: '已失效'
  516. }]
  517. }
  518. }
  519. }
  520. // 封面类型
  521. const coverMixin = {
  522. data() {
  523. return {
  524. coverOptions: [{
  525. value: 0,
  526. label: '自定义封面'
  527. }, {
  528. value: 1,
  529. label: '内容封面'
  530. }]
  531. }
  532. }
  533. }
  534. // 通过频道属性查找音频类型
  535. const channelMixin = {
  536. data() {
  537. return {
  538. channelOptions: {
  539. 2: [{
  540. value: 2,
  541. label: '广播电台'
  542. }],
  543. 6: [{
  544. value: 6,
  545. label: '节目'
  546. }, {
  547. value: 11,
  548. label: '歌曲'
  549. }],
  550. 8: [{
  551. value: 8,
  552. label: '播客专辑'
  553. }, {
  554. value: 10,
  555. label: '歌单'
  556. }, {
  557. value: 15,
  558. label: '音乐专辑'
  559. }],
  560. 16: [{
  561. value: 8,
  562. label: '播客专辑'
  563. }],
  564. 17: [{
  565. value: 2,
  566. label: '广播电台'
  567. }]
  568. }
  569. }
  570. }
  571. }
  572. // 手机系统
  573. const systemMixin = {
  574. data() {
  575. return {
  576. systemOptions: [{
  577. value: 1,
  578. label: 'Android'
  579. }, {
  580. value: 2,
  581. label: 'iOS'
  582. }]
  583. }
  584. }
  585. }
  586. // 省市区
  587. const mapMixin = {
  588. data() {
  589. return {
  590. mapOptions: []
  591. }
  592. },
  593. async mounted() {
  594. await this.getMapOptions()
  595. },
  596. methods: {
  597. // 省市区
  598. getMapOptions() {
  599. return new Promise((reslove, reject) => {
  600. mapList().then(res => {
  601. if (res.code === 0) {
  602. reslove(this.mapOptions = res.data)
  603. }
  604. })
  605. })
  606. },
  607. areaFormatter(row) {
  608. if (this.mapOptions.length > 0) {
  609. let province = row.province ? this.mapOptions.find(i => i.id == row.province) : ''
  610. let provinceName = province ? province.name : ''
  611. let city = province && province.childList.length > 0 ? province.childList.find(i => i.id == row.city) : ''
  612. let cityName = city ? `-${city.name}` : ''
  613. let area = city && city.childList.length > 0 ? city.childList.find(i => i.id == row.area) : ''
  614. let areaName = area ? `-${area.name}` : ''
  615. return `${provinceName}${cityName}${areaName}`
  616. }
  617. },
  618. }
  619. }
  620. export {
  621. devMixin,
  622. devModeMixin,
  623. devCategoryMixin,
  624. devTypeMixin,
  625. devFucMixin,
  626. yesOrNoMixin,
  627. serviceTimeMixin,
  628. serviceTypeMixin,
  629. isFreeMixin,
  630. audioMixin,
  631. sexMixin,
  632. regionMixin,
  633. languageMixin,
  634. platformMixin,
  635. onOrOffMixin,
  636. disabledMixin,
  637. payTypeMixin,
  638. albumTypeMixin,
  639. addressMixin,
  640. contentMixin,
  641. currentMixin,
  642. coverMixin,
  643. channelMixin,
  644. systemMixin,
  645. blogClassMixin,
  646. mapMixin
  647. }