| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <el-dialog |
| | | size="small" |
| | | :title="pdfTitle" |
| | | :visible.sync="dialogVisible" |
| | | width="60vw" |
| | | :before-close="handleClose" |
| | | append-to-body |
| | | class="custom-dialog" |
| | | > |
| | | <div class="pdfModal" v-if="dialogVisible"> |
| | | <preView :isClear="dialogVisible" :md5="p_md5"></preView> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import preView from "@/components/pdfview"; |
| | | import { getResourcePath } from "@/assets/methods/resources"; |
| | | export default { |
| | | name: "testPp", |
| | | components: { |
| | | preView, |
| | | }, |
| | | props: { |
| | | showPageList: { |
| | | type: Array, |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | pdfTitle: "", |
| | | p_md5: "", |
| | | dialogVisible: false, |
| | | isShowXyx02: false, |
| | | pingpang: require("../../image/pdf.png"), |
| | | chapter002: { |
| | | isShowXyx01: true, |
| | | textBybItem1: "", |
| | | pdfMd5: { |
| | | 1: "54741d14a21eb47b2ed06a2231271cd5", |
| | | 2: "1b7ecc924bfab900ec10f0ed4bb2466b", |
| | | 3: "f1597b91fb3110eb6fd59c84f5ddbfd1", |
| | | 4: "515f3dd2554dbdea779c59800a8da6b2", |
| | | 5: "b32afdfb8555ad8db1aa1fd95750369f", |
| | | 6: "57481cd4e7e7ce535eb6585d375e317e", |
| | | 7: "878a8bbb91f093107cae210ade9a387e", |
| | | 8: "e242f94d2bdc54de7b5340d452256515", |
| | | 9: "1ce6dc7953b1783de746e0de672ffbe4", |
| | | 10: "030b943ad33a4c0f31524f0f1ec9c14f", |
| | | 11: "2a458d11dc021318e2d3aa4f92cf3e36", |
| | | 12: "81957321d71fd270f67fe74f7ef2b9e8", |
| | | 13: "5f675eff789c96ce8a6cf80679c8a992", |
| | | 14: "02236dec8a8e87176b1df2435b82fb87", |
| | | 15: "fa38047ab9eed59f3296940778cc6cfd", |
| | | 1: { |
| | | md5: "54741d14a21eb47b2ed06a2231271cd5", |
| | | name: "1 乒乓球的常用术语(一)", |
| | | }, |
| | | 2: { |
| | | md5: "1b7ecc924bfab900ec10f0ed4bb2466b", |
| | | name: "2 乒乓球的常用术语(二)", |
| | | }, |
| | | 3: { |
| | | md5: "f1597b91fb3110eb6fd59c84f5ddbfd1", |
| | | name: "3 模块一(一)单项技术学练 平击发球", |
| | | }, |
| | | 4: { |
| | | md5: "515f3dd2554dbdea779c59800a8da6b2", |
| | | name: "4 模块一(二)基本战术学练 接平击球抢攻", |
| | | }, |
| | | 5: { |
| | | md5: "b32afdfb8555ad8db1aa1fd95750369f", |
| | | name: "5 模块一(三)组合技能练习 推挡+侧身攻", |
| | | }, |
| | | 6: { |
| | | md5: "57481cd4e7e7ce535eb6585d375e317e", |
| | | name: "6 模块二(一)单项技术学练 正手快带", |
| | | }, |
| | | 7: { |
| | | md5: "878a8bbb91f093107cae210ade9a387e", |
| | | name: "7 模块二(一)单项技术学练 转与不转球发球", |
| | | }, |
| | | 8: { |
| | | md5: "e242f94d2bdc54de7b5340d452256515", |
| | | name: "8 模块二(二)基本战术学练 发转与不转球抢攻", |
| | | }, |
| | | 9: { |
| | | md5: "1ce6dc7953b1783de746e0de672ffbe4", |
| | | name: "9 模块二(三)组合技能练习 左推+右攻", |
| | | }, |
| | | 10: { |
| | | md5: "030b943ad33a4c0f31524f0f1ec9c14f", |
| | | name: "10 模块三(一)单项技术学练 弧圈球", |
| | | }, |
| | | 11: { |
| | | md5: "2a458d11dc021318e2d3aa4f92cf3e36", |
| | | name: "11 模块三(一)单项技术学练 快搓", |
| | | }, |
| | | 12: { |
| | | md5: "81957321d71fd270f67fe74f7ef2b9e8", |
| | | name: "12 模块三(一)单项技术学练 反手快拨", |
| | | }, |
| | | 13: { |
| | | md5: "5f675eff789c96ce8a6cf80679c8a992", |
| | | name: "13 模块三(二)基本战术学练 搓攻战术", |
| | | }, |
| | | 14: { |
| | | md5: "02236dec8a8e87176b1df2435b82fb87", |
| | | name: "14 模块三(三)组合技能练习 推挡+侧身攻", |
| | | }, |
| | | 15: { |
| | | md5: "fa38047ab9eed59f3296940778cc6cfd", |
| | | name: "15 拓展资料:乒乓球裁判法", |
| | | }, |
| | | }, |
| | | videoMd5: { |
| | | v1: { md5: "bfbb956d884e0a11ba6368846176657d", name: "1核心技术" }, |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | async toUrl(val) { |
| | | handleClose(done) { |
| | | done(); |
| | | }, |
| | | toUrl(val) { |
| | | if (val) { |
| | | window.open(await getResourcePath(this.chapter002.pdfMd5[val])); |
| | | this.dialogVisible = true; |
| | | this.p_md5 = this.chapter002.pdfMd5[val].md5; |
| | | this.pdfTitle = this.chapter002.pdfMd5[val].name; |
| | | } |
| | | }, |
| | | async getVideo(md5, val) { |