1
Showing
4 changed files
with
33 additions
and
18 deletions
| ... | @@ -55,9 +55,16 @@ | ... | @@ -55,9 +55,16 @@ |
| 55 | </el-form-item> | 55 | </el-form-item> |
| 56 | <el-form-item label="视频链接:" prop="videoUrl"> | 56 | <el-form-item label="视频链接:" prop="videoUrl"> |
| 57 | <el-input v-model="playbackForm.videoUrl" maxlength="100" show-word-limit></el-input> | 57 | <el-input v-model="playbackForm.videoUrl" maxlength="100" show-word-limit></el-input> |
| 58 | <div>视频链接提取方法: | ||
| 59 | <div>1.电脑打开qq视频链接 | ||
| 60 | 2.鼠标移动至视频左下角分享按钮 | ||
| 61 | 3.点击复制通用代码 | ||
| 62 | 4.取复制内容中src的值 | ||
| 63 | </div> | ||
| 64 | </div> | ||
| 58 | </el-form-item> | 65 | </el-form-item> |
| 59 | <el-form-item label="类型:" prop="playbackTypeCode"> | 66 | <el-form-item label="类型:" prop="playbackTypeCode"> |
| 60 | <el-select v-model="playbackForm.playbackTypeCode" placeholder="请选择" > | 67 | <el-select v-model="playbackForm.playbackTypeCode" placeholder="请选择"> |
| 61 | <el-option | 68 | <el-option |
| 62 | v-for="item in playbackTypeList" | 69 | v-for="item in playbackTypeList" |
| 63 | :key="item.playbackTypeCode" | 70 | :key="item.playbackTypeCode" |
| ... | @@ -97,8 +104,8 @@ | ... | @@ -97,8 +104,8 @@ |
| 97 | queryForm: { | 104 | queryForm: { |
| 98 | page: 1, | 105 | page: 1, |
| 99 | size: 10, | 106 | size: 10, |
| 100 | playbackTypeCode:'', | 107 | playbackTypeCode: '', |
| 101 | title:'' | 108 | title: '' |
| 102 | }, | 109 | }, |
| 103 | dialogVisible: false, | 110 | dialogVisible: false, |
| 104 | title: '', | 111 | title: '', |
| ... | @@ -108,12 +115,12 @@ | ... | @@ -108,12 +115,12 @@ |
| 108 | videoUrl: [{required: true, message: '请输入视频链接', trigger: 'blur'}], | 115 | videoUrl: [{required: true, message: '请输入视频链接', trigger: 'blur'}], |
| 109 | playbackTypeCode: [{required: true, message: '请选择', trigger: 'blur'}] | 116 | playbackTypeCode: [{required: true, message: '请选择', trigger: 'blur'}] |
| 110 | }, | 117 | }, |
| 111 | playbackTypeList:[] | 118 | playbackTypeList: [] |
| 112 | } | 119 | } |
| 113 | }, | 120 | }, |
| 114 | methods: { | 121 | methods: { |
| 115 | searchPlayback(){ | 122 | searchPlayback() { |
| 116 | this.queryForm.page=1 | 123 | this.queryForm.page = 1 |
| 117 | this.initPlayBack() | 124 | this.initPlayBack() |
| 118 | }, | 125 | }, |
| 119 | initPlayBack() { | 126 | initPlayBack() { |
| ... | @@ -127,9 +134,9 @@ | ... | @@ -127,9 +134,9 @@ |
| 127 | }) | 134 | }) |
| 128 | }, | 135 | }, |
| 129 | initPlayBackType() { | 136 | initPlayBackType() { |
| 130 | let form ={ | 137 | let form = { |
| 131 | page:1, | 138 | page: 1, |
| 132 | size:1000, | 139 | size: 1000, |
| 133 | } | 140 | } |
| 134 | request.get(urls.playbackTypeListUrl, form).then(data => { | 141 | request.get(urls.playbackTypeListUrl, form).then(data => { |
| 135 | this.playbackTypeList = data.content.list | 142 | this.playbackTypeList = data.content.list |
| ... | @@ -148,8 +155,8 @@ | ... | @@ -148,8 +155,8 @@ |
| 148 | cancelButtonText: '取消', | 155 | cancelButtonText: '取消', |
| 149 | type: 'warning' | 156 | type: 'warning' |
| 150 | }).then(() => { | 157 | }).then(() => { |
| 151 | let form ={ | 158 | let form = { |
| 152 | playbackCode:code | 159 | playbackCode: code |
| 153 | } | 160 | } |
| 154 | request.post(urls.playbackDelUrl, form).then(data => { | 161 | request.post(urls.playbackDelUrl, form).then(data => { |
| 155 | this.initPlayBack() | 162 | this.initPlayBack() |
| ... | @@ -167,6 +174,7 @@ | ... | @@ -167,6 +174,7 @@ |
| 167 | this.playbackForm = {} | 174 | this.playbackForm = {} |
| 168 | }, | 175 | }, |
| 169 | playbackCreate() { | 176 | playbackCreate() { |
| 177 | this.playbackForm = {} | ||
| 170 | this.dialogVisible = true | 178 | this.dialogVisible = true |
| 171 | this.title = '创建' | 179 | this.title = '创建' |
| 172 | }, | 180 | }, | ... | ... |
| ... | @@ -15,7 +15,9 @@ | ... | @@ -15,7 +15,9 @@ |
| 15 | <el-table-column label="图片" prop="typeImage"> | 15 | <el-table-column label="图片" prop="typeImage"> |
| 16 | <template slot-scope="scope"> | 16 | <template slot-scope="scope"> |
| 17 | <a :href="scope.row.typeImage" target="_blank"> | 17 | <a :href="scope.row.typeImage" target="_blank"> |
| 18 | <div style="width: 100px;"> | ||
| 18 | <el-image :src="scope.row.typeImage"></el-image> | 19 | <el-image :src="scope.row.typeImage"></el-image> |
| 20 | </div> | ||
| 19 | </a> | 21 | </a> |
| 20 | </template> | 22 | </template> |
| 21 | </el-table-column> | 23 | </el-table-column> |
| ... | @@ -117,8 +119,8 @@ | ... | @@ -117,8 +119,8 @@ |
| 117 | cancelButtonText: '取消', | 119 | cancelButtonText: '取消', |
| 118 | type: 'warning' | 120 | type: 'warning' |
| 119 | }).then(() => { | 121 | }).then(() => { |
| 120 | let form ={ | 122 | let form = { |
| 121 | playbackTypeCode:code | 123 | playbackTypeCode: code |
| 122 | } | 124 | } |
| 123 | request.post(urls.playbackTypeDelUrl, form).then(data => { | 125 | request.post(urls.playbackTypeDelUrl, form).then(data => { |
| 124 | this.initPlayBackType() | 126 | this.initPlayBackType() |
| ... | @@ -136,6 +138,7 @@ | ... | @@ -136,6 +138,7 @@ |
| 136 | this.playbackTypeForm = {} | 138 | this.playbackTypeForm = {} |
| 137 | }, | 139 | }, |
| 138 | playbackTypeCreate() { | 140 | playbackTypeCreate() { |
| 141 | this.playbackTypeForm = {} | ||
| 139 | this.dialogVisible = true | 142 | this.dialogVisible = true |
| 140 | this.title = '创建' | 143 | this.title = '创建' |
| 141 | }, | 144 | }, | ... | ... |
| ... | @@ -15,7 +15,9 @@ | ... | @@ -15,7 +15,9 @@ |
| 15 | <el-table-column label="图片" prop="typeImage"> | 15 | <el-table-column label="图片" prop="typeImage"> |
| 16 | <template slot-scope="scope"> | 16 | <template slot-scope="scope"> |
| 17 | <a :href="scope.row.typeImage" target="_blank"> | 17 | <a :href="scope.row.typeImage" target="_blank"> |
| 18 | <div style="width: 100px;"> | ||
| 18 | <el-image :src="scope.row.typeImage"></el-image> | 19 | <el-image :src="scope.row.typeImage"></el-image> |
| 20 | </div> | ||
| 19 | </a> | 21 | </a> |
| 20 | </template> | 22 | </template> |
| 21 | </el-table-column> | 23 | </el-table-column> |
| ... | @@ -110,9 +112,9 @@ | ... | @@ -110,9 +112,9 @@ |
| 110 | typeImage: [{required: true, message: '上传缩略图', trigger: 'blur'}], | 112 | typeImage: [{required: true, message: '上传缩略图', trigger: 'blur'}], |
| 111 | machine: [{required: true, message: '请选择', trigger: 'blur'}] | 113 | machine: [{required: true, message: '请选择', trigger: 'blur'}] |
| 112 | }, | 114 | }, |
| 113 | machineOption:[ | 115 | machineOption: [ |
| 114 | {label:'软件',value:1}, | 116 | {label: '软件', value: 1}, |
| 115 | {label:'硬件',value:0}, | 117 | {label: '硬件', value: 0}, |
| 116 | ] | 118 | ] |
| 117 | 119 | ||
| 118 | } | 120 | } |
| ... | @@ -139,8 +141,8 @@ | ... | @@ -139,8 +141,8 @@ |
| 139 | cancelButtonText: '取消', | 141 | cancelButtonText: '取消', |
| 140 | type: 'warning' | 142 | type: 'warning' |
| 141 | }).then(() => { | 143 | }).then(() => { |
| 142 | let form ={ | 144 | let form = { |
| 143 | videoTypeCode:code | 145 | videoTypeCode: code |
| 144 | } | 146 | } |
| 145 | request.post(urls.videoTypeDelUrl, form).then(data => { | 147 | request.post(urls.videoTypeDelUrl, form).then(data => { |
| 146 | this.initVideoType() | 148 | this.initVideoType() |
| ... | @@ -158,6 +160,7 @@ | ... | @@ -158,6 +160,7 @@ |
| 158 | this.videoTypeForm = {} | 160 | this.videoTypeForm = {} |
| 159 | }, | 161 | }, |
| 160 | videoTypeCreate() { | 162 | videoTypeCreate() { |
| 163 | this.videoTypeForm = {} | ||
| 161 | this.dialogVisible = true | 164 | this.dialogVisible = true |
| 162 | this.title = '创建' | 165 | this.title = '创建' |
| 163 | }, | 166 | }, | ... | ... |
-
Please register or sign in to post a comment