杨泽宇 / cms_songs · Commits

Commit f235feb37c115696946adadfbf6dee6e76cad0c7

Authored by 杨泽宇
1 parent aeecac87

change config

Inline Side-by-side
Showing 9 changed files with 294 additions and 57 deletions
dist/audio.html
  View file @f235feb
... ... @@ -11,6 +11,7 @@
11 11 <link rel="shortcut icon" href="/cms.ico" />
12 12 <link rel="bookmark" href="/cms.ico" />
13 13 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@1.1.0-beta.12/theme-chalk/index.css">
  14 + <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.5/lib/theme-chalk/index.css"> -->
14 15 </head>
15 16  
16 17 <body id="body">
... ... @@ -24,12 +25,12 @@
24 25 </div>
25 26 </template>
26 27 <div>
27   - <el-form ref="form" :model="form" label-width="120px" :rules="rules" style="display: flex; flex-wrap: wrap;">
  28 + <el-form ref="form" :model="form" label-width="120px" :rules="rules" style="display: flex; flex-wrap: wrap;" >
28 29 <el-form-item label="类型" style="width: 100%" prop="channelId">
29 30 <el-radio-group v-model="form.channelId" @change="handleChange">
30   - <el-radio :label="1278">成品</el-radio>
31   - <el-radio :label="1279">词</el-radio>
32   - <el-radio :label="1280">曲</el-radio>
  31 + <el-radio :label="1278">热歌榜</el-radio>
  32 + <el-radio :label="1279">优秀作词榜</el-radio>
  33 + <el-radio :label="1280">优秀作曲榜</el-radio>
33 34 <el-radio :label="1281">其他</el-radio>
34 35 </el-radio-group>
35 36 </el-form-item>
... ... @@ -39,7 +40,7 @@
39 40 <el-form-item label="作词" style="width: 50%" prop="lyricist">
40 41 <el-input v-model.trim="form.lyricist" :maxlength="15" placeholder="请输入作词人名字"></el-input>
41 42 </el-form-item>
42   - <el-form-item label="作曲" style="width: 50%" prop="songwriter">
  43 + <el-form-item label="作曲" style="width: 50%;" prop="songwriter">
43 44 <el-input v-model.trim="form.songwriter" :maxlength="15" placeholder="请输入作曲人名字"></el-input>
44 45 </el-form-item>
45 46 <el-form-item label="编曲" style="width: 50%" prop="redact">
... ... @@ -86,7 +87,9 @@
86 87 </el-card>
87 88 </div>
88 89 <script src="https://cdn.jsdelivr.net/npm/vue@3.2.11/dist/vue.global.js"></script>
  90 + <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.2/dist/vue.min.js"></script> -->
89 91 <script src="https://cdn.jsdelivr.net/npm/element-plus"></script>
  92 + <!-- <script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.5/lib/index.js"></script> -->
90 93 <script src="https://cdn.jsdelivr.net/npm/axios@0.17.1/dist/axios.min.js"></script>
91 94 <script src="https://cdn.jsdelivr.net/npm/qiniu-js@2.5.5/dist/qiniu.min.js"></script>
92 95 <script src="/bundle.js"></script></body>
... ...
package-lock.json
  View file @f235feb
... ... @@ -20,6 +20,12 @@
20 20 "integrity": "sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w==",
21 21 "dev": true
22 22 },
  23 + "@types/json-schema": {
  24 + "version": "7.0.9",
  25 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/json-schema/-/json-schema-7.0.9.tgz",
  26 + "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==",
  27 + "dev": true
  28 + },
23 29 "@types/minimatch": {
24 30 "version": "3.0.5",
25 31 "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
... ... @@ -1069,6 +1075,12 @@
1069 1075 "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
1070 1076 "dev": true
1071 1077 },
  1078 + "colorette": {
  1079 + "version": "1.4.0",
  1080 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/colorette/-/colorette-1.4.0.tgz",
  1081 + "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
  1082 + "dev": true
  1083 + },
1072 1084 "commander": {
1073 1085 "version": "4.1.1",
1074 1086 "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
... ... @@ -1277,6 +1289,81 @@
1277 1289 "randomfill": "^1.0.3"
1278 1290 }
1279 1291 },
  1292 + "css-loader": {
  1293 + "version": "5.2.7",
  1294 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/css-loader/-/css-loader-5.2.7.tgz",
  1295 + "integrity": "sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==",
  1296 + "dev": true,
  1297 + "requires": {
  1298 + "icss-utils": "^5.1.0",
  1299 + "loader-utils": "^2.0.0",
  1300 + "postcss": "^8.2.15",
  1301 + "postcss-modules-extract-imports": "^3.0.0",
  1302 + "postcss-modules-local-by-default": "^4.0.0",
  1303 + "postcss-modules-scope": "^3.0.0",
  1304 + "postcss-modules-values": "^4.0.0",
  1305 + "postcss-value-parser": "^4.1.0",
  1306 + "schema-utils": "^3.0.0",
  1307 + "semver": "^7.3.5"
  1308 + },
  1309 + "dependencies": {
  1310 + "json5": {
  1311 + "version": "2.2.0",
  1312 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/json5/-/json5-2.2.0.tgz",
  1313 + "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
  1314 + "dev": true,
  1315 + "requires": {
  1316 + "minimist": "^1.2.5"
  1317 + }
  1318 + },
  1319 + "loader-utils": {
  1320 + "version": "2.0.0",
  1321 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/loader-utils/-/loader-utils-2.0.0.tgz",
  1322 + "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
  1323 + "dev": true,
  1324 + "requires": {
  1325 + "big.js": "^5.2.2",
  1326 + "emojis-list": "^3.0.0",
  1327 + "json5": "^2.1.2"
  1328 + }
  1329 + },
  1330 + "lru-cache": {
  1331 + "version": "6.0.0",
  1332 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/lru-cache/-/lru-cache-6.0.0.tgz",
  1333 + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
  1334 + "dev": true,
  1335 + "requires": {
  1336 + "yallist": "^4.0.0"
  1337 + }
  1338 + },
  1339 + "schema-utils": {
  1340 + "version": "3.1.1",
  1341 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/schema-utils/-/schema-utils-3.1.1.tgz",
  1342 + "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
  1343 + "dev": true,
  1344 + "requires": {
  1345 + "@types/json-schema": "^7.0.8",
  1346 + "ajv": "^6.12.5",
  1347 + "ajv-keywords": "^3.5.2"
  1348 + }
  1349 + },
  1350 + "semver": {
  1351 + "version": "7.3.5",
  1352 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/semver/-/semver-7.3.5.tgz",
  1353 + "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
  1354 + "dev": true,
  1355 + "requires": {
  1356 + "lru-cache": "^6.0.0"
  1357 + }
  1358 + },
  1359 + "yallist": {
  1360 + "version": "4.0.0",
  1361 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/yallist/-/yallist-4.0.0.tgz",
  1362 + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
  1363 + "dev": true
  1364 + }
  1365 + }
  1366 + },
1280 1367 "css-select": {
1281 1368 "version": "4.1.3",
1282 1369 "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.1.3.tgz",
... ... @@ -1296,6 +1383,12 @@
1296 1383 "integrity": "sha512-FYDTSHb/7KXsWICVsxdmiExPjCfRC4qRFBdVwv7Ax9hMnvMmEjP9RfxTEZ3qPZGmADDn2vAKSo9UcN1jKVYscg==",
1297 1384 "dev": true
1298 1385 },
  1386 + "cssesc": {
  1387 + "version": "3.0.0",
  1388 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/cssesc/-/cssesc-3.0.0.tgz",
  1389 + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
  1390 + "dev": true
  1391 + },
1299 1392 "cyclist": {
1300 1393 "version": "1.0.1",
1301 1394 "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
... ... @@ -2550,6 +2643,12 @@
2550 2643 "safer-buffer": ">= 2.1.2 < 3"
2551 2644 }
2552 2645 },
  2646 + "icss-utils": {
  2647 + "version": "5.1.0",
  2648 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/icss-utils/-/icss-utils-5.1.0.tgz",
  2649 + "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
  2650 + "dev": true
  2651 + },
2553 2652 "ieee754": {
2554 2653 "version": "1.2.1",
2555 2654 "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
... ... @@ -3266,6 +3365,12 @@
3266 3365 "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=",
3267 3366 "dev": true
3268 3367 },
  3368 + "nanoid": {
  3369 + "version": "3.1.25",
  3370 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/nanoid/-/nanoid-3.1.25.tgz",
  3371 + "integrity": "sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==",
  3372 + "dev": true
  3373 + },
3269 3374 "nanomatch": {
3270 3375 "version": "1.2.13",
3271 3376 "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
... ... @@ -3774,6 +3879,68 @@
3774 3879 "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=",
3775 3880 "dev": true
3776 3881 },
  3882 + "postcss": {
  3883 + "version": "8.3.6",
  3884 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/postcss/-/postcss-8.3.6.tgz",
  3885 + "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
  3886 + "dev": true,
  3887 + "requires": {
  3888 + "colorette": "^1.2.2",
  3889 + "nanoid": "^3.1.23",
  3890 + "source-map-js": "^0.6.2"
  3891 + }
  3892 + },
  3893 + "postcss-modules-extract-imports": {
  3894 + "version": "3.0.0",
  3895 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
  3896 + "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
  3897 + "dev": true
  3898 + },
  3899 + "postcss-modules-local-by-default": {
  3900 + "version": "4.0.0",
  3901 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz",
  3902 + "integrity": "sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==",
  3903 + "dev": true,
  3904 + "requires": {
  3905 + "icss-utils": "^5.0.0",
  3906 + "postcss-selector-parser": "^6.0.2",
  3907 + "postcss-value-parser": "^4.1.0"
  3908 + }
  3909 + },
  3910 + "postcss-modules-scope": {
  3911 + "version": "3.0.0",
  3912 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz",
  3913 + "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==",
  3914 + "dev": true,
  3915 + "requires": {
  3916 + "postcss-selector-parser": "^6.0.4"
  3917 + }
  3918 + },
  3919 + "postcss-modules-values": {
  3920 + "version": "4.0.0",
  3921 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
  3922 + "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
  3923 + "dev": true,
  3924 + "requires": {
  3925 + "icss-utils": "^5.0.0"
  3926 + }
  3927 + },
  3928 + "postcss-selector-parser": {
  3929 + "version": "6.0.6",
  3930 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz",
  3931 + "integrity": "sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg==",
  3932 + "dev": true,
  3933 + "requires": {
  3934 + "cssesc": "^3.0.0",
  3935 + "util-deprecate": "^1.0.2"
  3936 + }
  3937 + },
  3938 + "postcss-value-parser": {
  3939 + "version": "4.1.0",
  3940 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
  3941 + "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
  3942 + "dev": true
  3943 + },
3777 3944 "pretty-error": {
3778 3945 "version": "2.1.2",
3779 3946 "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
... ... @@ -4526,6 +4693,12 @@
4526 4693 "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
4527 4694 "dev": true
4528 4695 },
  4696 + "source-map-js": {
  4697 + "version": "0.6.2",
  4698 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/source-map-js/-/source-map-js-0.6.2.tgz",
  4699 + "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
  4700 + "dev": true
  4701 + },
4529 4702 "source-map-resolve": {
4530 4703 "version": "0.5.3",
4531 4704 "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
... ... @@ -4783,6 +4956,49 @@
4783 4956 "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
4784 4957 "dev": true
4785 4958 },
  4959 + "style-loader": {
  4960 + "version": "2.0.0",
  4961 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/style-loader/-/style-loader-2.0.0.tgz",
  4962 + "integrity": "sha512-Z0gYUJmzZ6ZdRUqpg1r8GsaFKypE+3xAzuFeMuoHgjc9KZv3wMyCRjQIWEbhoFSq7+7yoHXySDJyyWQaPajeiQ==",
  4963 + "dev": true,
  4964 + "requires": {
  4965 + "loader-utils": "^2.0.0",
  4966 + "schema-utils": "^3.0.0"
  4967 + },
  4968 + "dependencies": {
  4969 + "json5": {
  4970 + "version": "2.2.0",
  4971 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/json5/-/json5-2.2.0.tgz",
  4972 + "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
  4973 + "dev": true,
  4974 + "requires": {
  4975 + "minimist": "^1.2.5"
  4976 + }
  4977 + },
  4978 + "loader-utils": {
  4979 + "version": "2.0.0",
  4980 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/loader-utils/-/loader-utils-2.0.0.tgz",
  4981 + "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
  4982 + "dev": true,
  4983 + "requires": {
  4984 + "big.js": "^5.2.2",
  4985 + "emojis-list": "^3.0.0",
  4986 + "json5": "^2.1.2"
  4987 + }
  4988 + },
  4989 + "schema-utils": {
  4990 + "version": "3.1.1",
  4991 + "resolved": "https://mirrors.huaweicloud.com/repository/npm/schema-utils/-/schema-utils-3.1.1.tgz",
  4992 + "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
  4993 + "dev": true,
  4994 + "requires": {
  4995 + "@types/json-schema": "^7.0.8",
  4996 + "ajv": "^6.12.5",
  4997 + "ajv-keywords": "^3.5.2"
  4998 + }
  4999 + }
  5000 + }
  5001 + },
4786 5002 "supports-color": {
4787 5003 "version": "6.1.0",
4788 5004 "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
... ...
package.json
  View file @f235feb
... ... @@ -14,7 +14,9 @@
14 14 "devDependencies": {
15 15 "@webpack-cli/serve": "^1.5.2",
16 16 "clean-webpack-plugin": "^4.0.0",
  17 + "css-loader": "^5.1.0",
17 18 "html-webpack-plugin": "^4.0.4",
  19 + "style-loader": "^2.0.0",
18 20 "webpack": "^4.42.1",
19 21 "webpack-cli": "^3.3.11",
20 22 "webpack-dev-server": "^3.10.3"
... ...
src/css/reui.css 0 → 100644
  View file @f235feb
src/css/test.css 0 → 100644
  View file @f235feb
  1 +.page-container {
  2 + background-color: brown;
  3 +}
0 4 \ No newline at end of file
... ...
src/html/index.html
  View file @f235feb
... ... @@ -11,6 +11,7 @@
11 11 <link rel="shortcut icon" href="/cms.ico" />
12 12 <link rel="bookmark" href="/cms.ico" />
13 13 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@1.1.0-beta.12/theme-chalk/index.css">
  14 + <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.5/lib/theme-chalk/index.css"> -->
14 15 </head>
15 16  
16 17 <body id="body">
... ... @@ -24,12 +25,12 @@
24 25 </div>
25 26 </template>
26 27 <div>
27   - <el-form ref="form" :model="form" label-width="120px" :rules="rules" style="display: flex; flex-wrap: wrap;">
  28 + <el-form ref="form" :model="form" label-width="120px" :rules="rules" style="display: flex; flex-wrap: wrap;" >
28 29 <el-form-item label="类型" style="width: 100%" prop="channelId">
29 30 <el-radio-group v-model="form.channelId" @change="handleChange">
30   - <el-radio :label="1278">成品</el-radio>
31   - <el-radio :label="1279">词</el-radio>
32   - <el-radio :label="1280">曲</el-radio>
  31 + <el-radio :label="1278">热歌榜</el-radio>
  32 + <el-radio :label="1279">优秀作词榜</el-radio>
  33 + <el-radio :label="1280">优秀作曲榜</el-radio>
33 34 <el-radio :label="1281">其他</el-radio>
34 35 </el-radio-group>
35 36 </el-form-item>
... ... @@ -39,7 +40,7 @@
39 40 <el-form-item label="作词" style="width: 50%" prop="lyricist">
40 41 <el-input v-model.trim="form.lyricist" :maxlength="15" placeholder="请输入作词人名字"></el-input>
41 42 </el-form-item>
42   - <el-form-item label="作曲" style="width: 50%" prop="songwriter">
  43 + <el-form-item label="作曲" style="width: 50%;" prop="songwriter">
43 44 <el-input v-model.trim="form.songwriter" :maxlength="15" placeholder="请输入作曲人名字"></el-input>
44 45 </el-form-item>
45 46 <el-form-item label="编曲" style="width: 50%" prop="redact">
... ... @@ -86,7 +87,9 @@
86 87 </el-card>
87 88 </div>
88 89 <script src="https://cdn.jsdelivr.net/npm/vue@3.2.11/dist/vue.global.js"></script>
  90 + <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.2/dist/vue.min.js"></script> -->
89 91 <script src="https://cdn.jsdelivr.net/npm/element-plus"></script>
  92 + <!-- <script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.5/lib/index.js"></script> -->
90 93 <script src="https://cdn.jsdelivr.net/npm/axios@0.17.1/dist/axios.min.js"></script>
91 94 <script src="https://cdn.jsdelivr.net/npm/qiniu-js@2.5.5/dist/qiniu.min.js"></script>
92 95 </body>
... ...
src/js/audios.js
  View file @f235feb
1 1 import * as all from './config'
  2 +// require('./../css/test.css')
2 3 // Init Vue
3 4 const Audio = {
4 5 created() {
5 6 all.request({
6   - url: all.urls.base + all.urls.token + "?spId=802",
  7 + url: all.urls.base + all.urls.token + "?spId=1423",
7 8 method: "get"
8 9 }).then(res => {
9 10 this.token = res.data;
... ... @@ -64,7 +65,6 @@ const Audio = {
64 65 this.$message.error('只能上传一个文件')
65 66 },
66 67 reset() {
67   - console.log('reset')
68 68 for (let i in this.form) {
69 69 this.form[i] = null
70 70 }
... ... @@ -166,7 +166,7 @@ const Audio = {
166 166 mmsType: 0,
167 167 videoType: 11003,
168 168 videoType: 0,
169   - masterId: 10505921
  169 + masterId: 10494974
170 170 };
171 171 const fileInitObj = {
172 172 gfmt: file.raw.name
... ... @@ -179,7 +179,7 @@ const Audio = {
179 179 archiveStatus: 0,
180 180 multipleCategory: 100005,
181 181 uploadLine: 2,
182   - masterId: 10505921
  182 + masterId: 10494974
183 183 };
184 184 const fileWholeObj = {
185 185 file: file.raw,
... ... @@ -293,3 +293,4 @@ const Audio = {
293 293 Vue.createApp(Audio)
294 294 .use(ElementPlus)
295 295 .mount("#audio");
  296 +
... ...
src/js/config.js
  View file @f235feb
... ... @@ -7,8 +7,8 @@ const urls = {
7 7 onlineUrl: 'https://api.cnlive.com/open/api2/vod_epg/material/',
8 8 token: "material/getQNToken",
9 9 save: "material/saveQNComplete",
10   - initFileOnline: 'uploadFileInit?appId=802_k8ho7qks68',
11   - transcode: "pendingTranscodeTask?appId=802_k8ho7qks68",
  10 + initFileOnline: 'uploadFileInit?appId=1423_kbrrnni803',
  11 + transcode: "pendingTranscodeTask?appId=1423_kbrrnni803",
12 12 };
13 13  
14 14 const cdnConfig = {
... ...
webpack.config.js
  View file @f235feb
1 1 //引入path 是用的nodejs的一个path模块，path模块就是寻找当前目录的一个模块
2   -const path = require('path');
3   -const HtmlWebpackPlugin = require('html-webpack-plugin')
4   -const { CleanWebpackPlugin } = require('clean-webpack-plugin')
  2 +const path = require("path");
  3 +const HtmlWebpackPlugin = require("html-webpack-plugin");
  4 +const { CleanWebpackPlugin } = require("clean-webpack-plugin");
5 5  
6 6 module.exports = {
7   - //模式：开发环境
8   - mode: 'development', //production 不写的话默认为生产模式
9   - //入口文件 程序从这里开始执行，webpack开始打包
10   - entry: path.join(__dirname,'src','/js/audios.js'), //__dirname指的是当前目录,是目录形成绝对路径
11   - output:{
12   - //输入的文件名
13   - filename: 'bundle.js',
14   - // filename: '[name].[hash:7].js',
15   - publicPath: '/',
16   - //输入的路径 webpack会自动打包生成
17   - path: path.join(__dirname,'dist')
18   - },
19   - resolve: {
20   - extensions: [".js", ".css"]
21   - },
22   - plugins: [
23   - new HtmlWebpackPlugin({
24   - //文件中找到的路径
25   - template: path.join(__dirname,'src','html/index.html'),
26   - //打包输出的路径
27   - filename: 'audio.html'
28   - }),
29   - new CleanWebpackPlugin(),
30   - ],
31   - devServer: {
32   - //端口
33   - port: 3000,
34   - compress:true,
35   - contentBase: '/html/index.html'
36   - },
37   - module: {
38   - rules: [
39   - //引入css插件 npm install --save-dev css-loader
  7 + //模式：开发环境
  8 + mode: "development", //production 不写的话默认为生产模式
  9 + //入口文件 程序从这里开始执行，webpack开始打包
  10 + entry: path.join(__dirname, "src", "/js/audios.js"), //__dirname指的是当前目录,是目录形成绝对路径
  11 + output: {
  12 + //输入的文件名
  13 + filename: "bundle.js",
  14 + // filename: '[name].[hash:7].js',
  15 + publicPath: "/",
  16 + //输入的路径 webpack会自动打包生成
  17 + path: path.join(__dirname, "dist"),
  18 + },
  19 + resolve: {
  20 + extensions: [".js", ".css"],
  21 + },
  22 + plugins: [
  23 + new HtmlWebpackPlugin({
  24 + //文件中找到的路径
  25 + template: path.join(__dirname, "src", "html/index.html"),
  26 + //打包输出的路径
  27 + filename: "audio.html",
  28 + }),
  29 + new CleanWebpackPlugin(),
  30 + ],
  31 + devServer: {
  32 + //端口
  33 + port: 3000,
  34 + compress: true,
  35 + overlay: true,
  36 + contentBase: "/html/index.html",
  37 + },
  38 + module: {
  39 + rules: [
  40 + //引入css插件 npm install --save-dev css-loader
  41 + {
  42 + test: /\.css$/,
  43 + // use: ['style-loader', 'css-loader'],
  44 + use: [
40 45 {
41   - test: /\.css$/,
42   - use: ['style-loader', 'css-loader'],
  46 + loader: "style-loader",
  47 + },
  48 + {
  49 + loader: "css-loader",
43 50 }
44   - ],
45   - },
46   -}
  51 + ]
  52 + }
  53 + ]
  54 + }
  55 +};
... ...