| @@ -15,9 +15,9 @@ export function saveLunbo(data) { | |||||
| }) | }) | ||||
| } | } | ||||
| export function delLunbo(id) { | |||||
| export function deleteVideo(id) { | |||||
| return request({ | return request({ | ||||
| url: '/index/delLunbo', | |||||
| url: '/index/deleteVideo', | |||||
| method: 'post', | method: 'post', | ||||
| data: { id } | data: { id } | ||||
| }) | }) | ||||
| @@ -10,8 +10,8 @@ export function upload(data) { | |||||
| data: formData, | data: formData, | ||||
| timeout: 1000 * 60 * 2, // 超时时间两分钟 | timeout: 1000 * 60 * 2, // 超时时间两分钟 | ||||
| params: { | params: { | ||||
| width: data.width || 200, | |||||
| hight: data.height || 200 | |||||
| width: data.width === 'auto' ? undefined : data.width || 200, | |||||
| hight: data.height === 'auto' ? undefined : data.height || 200 | |||||
| } | } | ||||
| }) | }) | ||||
| } | } | ||||
| @@ -1,208 +1,230 @@ | |||||
| <template> | |||||
| <div> | |||||
| <VueUeditorWrap | |||||
| class="ueditor" | |||||
| @beforeInit="addCustomButtom" | |||||
| :id="setSessionid()" | |||||
| @ready="readyCustom" | |||||
| v-model="content" | |||||
| :config="config" | |||||
| ></VueUeditorWrap> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import VueUeditorWrap from 'vue-ueditor-wrap' | |||||
| export default { | |||||
| components: { | |||||
| VueUeditorWrap | |||||
| }, | |||||
| props: { | |||||
| btnShow: { | |||||
| type: Boolean, | |||||
| default: false | |||||
| }, | |||||
| comeContent: { | |||||
| type: String, | |||||
| default: '' | |||||
| }, | |||||
| zIndex: { | |||||
| type: Number, | |||||
| default: 999 | |||||
| }, | |||||
| isDisabled: { | |||||
| type: Number, | |||||
| default: 0 | |||||
| } | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| content: '', | |||||
| editor: null, | |||||
| config: { | |||||
| toolbars: [ | |||||
| [ | |||||
| 'source', // 源代码 | |||||
| 'undo', // 撤销 | |||||
| 'redo', // 重做 | |||||
| 'bold', // 加粗 | |||||
| 'indent', // 首行缩进 | |||||
| // 'snapscreen', //截 图 | |||||
| 'italic', // 斜体 | |||||
| 'underline', // 下划线 | |||||
| 'strikethrough', // 删除线 | |||||
| 'subscript', // 下标 | |||||
| 'fontborder', // 字符边框 | |||||
| 'superscript', // 上标 | |||||
| 'formatmatch', // 格式刷 | |||||
| 'blockquote', // 引用 | |||||
| // 'pasteplain', // 纯文本粘贴模式 | |||||
| 'selectall', // 全选 | |||||
| // 'preview', // 预览 | |||||
| 'horizontal', // 分隔线 | |||||
| 'removeformat', // 清除格式 | |||||
| // 'time', // 时间 | |||||
| // 'date', // 日期 | |||||
| 'unlink', // 取消链接 | |||||
| /* 'insertrow', // 前插入行 | |||||
| 'insertcol', // 前插入列 | |||||
| 'mergeright', // 右合并单元格 | |||||
| 'mergedown', // 下合并单元格 | |||||
| 'deleterow', // 删除行 | |||||
| 'deletecol', // 删除列 | |||||
| 'splittorows', // 拆分成行 | |||||
| 'splittocols', // 拆分成列 | |||||
| 'splittocells', // 完全拆分单元格 | |||||
| 'deletecaption', // 删除表格标题 | |||||
| 'inserttitle', // 插入标题 | |||||
| 'mergecells', // 合并多个单元格 | |||||
| 'deletetable', // 删除表格 | |||||
| 'cleardoc', // 清空文档 | |||||
| 'insertparagraphbeforetable', //" 表格前插入行" | |||||
| 'insertcode', // 代码语言 */ | |||||
| 'fontfamily', // 字体 | |||||
| 'fontsize', // 字号 | |||||
| 'paragraph', // 段落格式 | |||||
| // 'edittable', // 表格属性 | |||||
| // 'edittd', // 单元格属性 | |||||
| 'link', // 超链接 | |||||
| // 'emotion', // 表情 | |||||
| 'spechars', // 特殊字符 | |||||
| // 'searchreplace', // 查询替换 | |||||
| 'justifyleft', // 居左对齐 | |||||
| 'justifyright', // 居右对齐 | |||||
| 'justifycenter', // 居中对齐 | |||||
| 'justifyjustify', // 两端对齐 | |||||
| 'forecolor', // 字体颜色 | |||||
| 'backcolor', // 背景色 | |||||
| 'lineheight' // 行间距 | |||||
| /* 'insertorderedlist', // 有序列表 | |||||
| 'insertunorderedlist', // 无序列表 | |||||
| 'directionalityltr', // 从左向右输入 | |||||
| 'directionalityrtl', // 从右向左输入 | |||||
| 'rowspacingtop', // 段前距 | |||||
| 'rowspacingbottom', // 段后距 | |||||
| 'pagebreak', // 分页 | |||||
| 'imagenone', // 默认 | |||||
| 'imageleft', // 左浮动 | |||||
| 'imageright', // 右浮动 | |||||
| 'imagecenter', // 居中 | |||||
| 'wordimage', // 图片转存 | |||||
| 'edittip ', // 编辑提示 | |||||
| 'customstyle', // 自定义标题 | |||||
| 'touppercase', // 字母大写 | |||||
| 'tolowercase', // 字母小写 | |||||
| 'inserttable' // 插入表格 */ | |||||
| ] | |||||
| ], | |||||
| zIndex: this.zIndex, | |||||
| autoHeightEnabled: false, // 编译器不自动被内容撑高 | |||||
| autoFloatEnabled: false, | |||||
| initialFrameHeight: 300, // 初始容器高度 | |||||
| initialFrameWith: '100%', | |||||
| postParams: this.postParams, | |||||
| // serverUrl: process.env.baseUrl + '/product/uploadFiles', // 上传文件地址 | |||||
| UEDITOR_HOME_URL: 'https://admin.meta-autotv.com/ueditor/' // UEditor资源文件的存放路径 | |||||
| } | |||||
| } | |||||
| }, | |||||
| watch: { | |||||
| content(val) { | |||||
| this.$emit('editorChange', val) | |||||
| }, | |||||
| comeContent: { | |||||
| handler(newVal, oldVal) { | |||||
| this.content = newVal | |||||
| }, | |||||
| immediate: true, | |||||
| deep: true | |||||
| } | |||||
| }, | |||||
| mounted() { | |||||
| }, | |||||
| methods: { | |||||
| readyCustom(editor) { | |||||
| this.editor = editor | |||||
| console.log(this.isDisabled) | |||||
| if (this.isDisabled) this.editor.options.readonly = true | |||||
| }, | |||||
| addCustomButtom(editorId) { | |||||
| this.editorId = editorId | |||||
| this.divID = 'key' + editorId | |||||
| var _ = this | |||||
| window.UE.registerUI( | |||||
| 'test-button', | |||||
| function(editor, uiName) { | |||||
| // 注册按钮执行时的 command 命令,使用命令默认就会带有回退操作 | |||||
| editor.registerCommand(uiName, { | |||||
| execCommand: function() { | |||||
| _.editorHandler = editor | |||||
| } | |||||
| }) | |||||
| // 创建一个 button | |||||
| var btn = new window.UE.ui.Button({ | |||||
| // 按钮的名字 | |||||
| name: uiName, | |||||
| // 提示 | |||||
| title: '上传图片', | |||||
| // 需要添加的额外样式,可指定 icon 图标,图标路径参考常见问题 2 | |||||
| // cssRules: `background-image: url("${UploadImg}") !important;background-size: cover;`, | |||||
| // 点击时执行的命令 | |||||
| onclick: function(res) { | |||||
| // 点击新图标时,触发到点击input按钮的事件 | |||||
| editor.execCommand(uiName) | |||||
| document.getElementById('key' + editorId).click() | |||||
| } | |||||
| }) | |||||
| // 当点到编辑内容上时,按钮要做的状态反射 | |||||
| editor.addListener('selectionchange', function() { }) | |||||
| // 因为你是添加 button,所以需要返回这个 button | |||||
| return btn | |||||
| } | |||||
| // 0 /* 指定添加到工具栏上的哪个位置,默认时追加到最后 */ | |||||
| // editorId /* 指定这个 UI 是哪个编辑器实例上的,默认是页面上所有的编辑器都会添加这个按钮 */ | |||||
| ) | |||||
| }, | |||||
| setSessionid(num) { | |||||
| var len = num || 32 | |||||
| var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678' | |||||
| var maxPos = chars.length | |||||
| var pwd = '' | |||||
| for (var i = 0; i < len; i++) { | |||||
| pwd += chars.charAt(Math.floor(Math.random() * maxPos)) | |||||
| } | |||||
| return pwd | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| ::v-deep.ueditor{ | |||||
| .edui-editor{ | |||||
| width: 100% !important; | |||||
| } | |||||
| } | |||||
| </style> | |||||
| <template> | |||||
| <div> | |||||
| <VueUeditorWrap | |||||
| class="ueditor" | |||||
| @beforeInit="addCustomButtom" | |||||
| :id="setSessionid()" | |||||
| @ready="readyCustom" | |||||
| v-model="content" | |||||
| :config="config" | |||||
| ></VueUeditorWrap> | |||||
| <el-dialog v-if="uploadDiolagVisible" :visible.sync="uploadDiolagVisible" append-to-body title="图片上传"> | |||||
| <el-form> | |||||
| <el-form-item label="上传图片"> | |||||
| <uploadFile :url.sync="imgUrl" type="image" width="auto" height="auto"/> | |||||
| </el-form-item> | |||||
| <el-form-item> | |||||
| <el-button type="primary" @click="saveImg()">保存</el-button> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </el-dialog> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import VueUeditorWrap from 'vue-ueditor-wrap' | |||||
| import uploadFile from '@/components/uploadFile' | |||||
| export default { | |||||
| components: { | |||||
| VueUeditorWrap, | |||||
| uploadFile | |||||
| }, | |||||
| props: { | |||||
| btnShow: { | |||||
| type: Boolean, | |||||
| default: false | |||||
| }, | |||||
| comeContent: { | |||||
| type: String, | |||||
| default: '' | |||||
| }, | |||||
| zIndex: { | |||||
| type: Number, | |||||
| default: 999 | |||||
| }, | |||||
| isDisabled: { | |||||
| type: Number, | |||||
| default: 0 | |||||
| } | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| content: '', | |||||
| editor: null, | |||||
| config: { | |||||
| toolbars: [ | |||||
| [ | |||||
| 'source', // 源代码 | |||||
| 'undo', // 撤销 | |||||
| 'redo', // 重做 | |||||
| 'bold', // 加粗 | |||||
| 'indent', // 首行缩进 | |||||
| // 'snapscreen', //截 图 | |||||
| 'italic', // 斜体 | |||||
| 'underline', // 下划线 | |||||
| 'strikethrough', // 删除线 | |||||
| 'subscript', // 下标 | |||||
| 'fontborder', // 字符边框 | |||||
| 'superscript', // 上标 | |||||
| 'formatmatch', // 格式刷 | |||||
| 'blockquote', // 引用 | |||||
| // 'pasteplain', // 纯文本粘贴模式 | |||||
| 'selectall', // 全选 | |||||
| // 'preview', // 预览 | |||||
| 'horizontal', // 分隔线 | |||||
| 'removeformat', // 清除格式 | |||||
| // 'time', // 时间 | |||||
| // 'date', // 日期 | |||||
| 'unlink', // 取消链接 | |||||
| /* 'insertrow', // 前插入行 | |||||
| 'insertcol', // 前插入列 | |||||
| 'mergeright', // 右合并单元格 | |||||
| 'mergedown', // 下合并单元格 | |||||
| 'deleterow', // 删除行 | |||||
| 'deletecol', // 删除列 | |||||
| 'splittorows', // 拆分成行 | |||||
| 'splittocols', // 拆分成列 | |||||
| 'splittocells', // 完全拆分单元格 | |||||
| 'deletecaption', // 删除表格标题 | |||||
| 'inserttitle', // 插入标题 | |||||
| 'mergecells', // 合并多个单元格 | |||||
| 'deletetable', // 删除表格 | |||||
| 'cleardoc', // 清空文档 | |||||
| 'insertparagraphbeforetable', //" 表格前插入行" | |||||
| 'insertcode', // 代码语言 */ | |||||
| 'fontfamily', // 字体 | |||||
| 'fontsize', // 字号 | |||||
| 'paragraph', // 段落格式 | |||||
| // 'edittable', // 表格属性 | |||||
| // 'edittd', // 单元格属性 | |||||
| 'link', // 超链接 | |||||
| // 'emotion', // 表情 | |||||
| 'spechars', // 特殊字符 | |||||
| // 'searchreplace', // 查询替换 | |||||
| 'justifyleft', // 居左对齐 | |||||
| 'justifyright', // 居右对齐 | |||||
| 'justifycenter', // 居中对齐 | |||||
| 'justifyjustify', // 两端对齐 | |||||
| 'forecolor', // 字体颜色 | |||||
| 'backcolor', // 背景色 | |||||
| 'lineheight' // 行间距 | |||||
| /* 'insertorderedlist', // 有序列表 | |||||
| 'insertunorderedlist', // 无序列表 | |||||
| 'directionalityltr', // 从左向右输入 | |||||
| 'directionalityrtl', // 从右向左输入 | |||||
| 'rowspacingtop', // 段前距 | |||||
| 'rowspacingbottom', // 段后距 | |||||
| 'pagebreak', // 分页 | |||||
| 'imagenone', // 默认 | |||||
| 'imageleft', // 左浮动 | |||||
| 'imageright', // 右浮动 | |||||
| 'imagecenter', // 居中 | |||||
| 'wordimage', // 图片转存 | |||||
| 'edittip ', // 编辑提示 | |||||
| 'customstyle', // 自定义标题 | |||||
| 'touppercase', // 字母大写 | |||||
| 'tolowercase', // 字母小写 | |||||
| 'inserttable' // 插入表格 */ | |||||
| ] | |||||
| ], | |||||
| zIndex: this.zIndex, | |||||
| autoHeightEnabled: false, // 编译器不自动被内容撑高 | |||||
| autoFloatEnabled: false, | |||||
| initialFrameHeight: 300, // 初始容器高度 | |||||
| initialFrameWith: '100%', | |||||
| postParams: this.postParams, | |||||
| // serverUrl: process.env.baseUrl + '/product/uploadFiles', // 上传文件地址 | |||||
| UEDITOR_HOME_URL: 'https://admin.meta-autotv.com/ueditor/' // UEditor资源文件的存放路径 | |||||
| }, | |||||
| imgUrl: '', | |||||
| uploadDiolagVisible: false | |||||
| } | |||||
| }, | |||||
| watch: { | |||||
| content(val) { | |||||
| this.$emit('editorChange', val) | |||||
| }, | |||||
| comeContent: { | |||||
| handler(newVal, oldVal) { | |||||
| this.content = newVal | |||||
| }, | |||||
| immediate: true, | |||||
| deep: true | |||||
| } | |||||
| }, | |||||
| mounted() { | |||||
| }, | |||||
| methods: { | |||||
| readyCustom(editor) { | |||||
| this.editor = editor | |||||
| console.log(this.isDisabled) | |||||
| if (this.isDisabled) this.editor.options.readonly = true | |||||
| }, | |||||
| saveImg() { | |||||
| let imageHtml = '<p><img src=\"' + this.imgUrl + '\"/></p>' | |||||
| this.editor.execCommand('inserthtml', imageHtml) | |||||
| this.uploadDiolagVisible = false | |||||
| }, | |||||
| addCustomButtom(editorId) { | |||||
| let _this = this | |||||
| window.UE.registerUI('test-button', function(editor, uiName) { | |||||
| // 注册按钮执行时的 command 命令,使用命令默认就会带有回退操作 | |||||
| editor.registerCommand(uiName, { | |||||
| execCommand: () => { | |||||
| _this.imgUrl = '' | |||||
| _this.uploadDiolagVisible = true | |||||
| _this.editor = editor | |||||
| } | |||||
| }) | |||||
| // 创建一个 button | |||||
| var btn = new window.UE.ui.Button({ | |||||
| // 按钮的名字 | |||||
| name: uiName, | |||||
| // 提示 | |||||
| title: '图片上传', | |||||
| // 需要添加的额外样式,可指定 icon 图标,图标路径参考常见问题 2 | |||||
| cssRules: 'background-position: -380px 0;', | |||||
| // 点击时执行的命令 | |||||
| onclick: function() { | |||||
| // 这里可以不用执行命令,做你自己的操作也可 | |||||
| editor.execCommand(uiName) | |||||
| } | |||||
| }) | |||||
| // 当点到编辑内容上时,按钮要做的状态反射 | |||||
| editor.addListener('selectionchange', function() { | |||||
| var state = editor.queryCommandState(uiName) | |||||
| if (state === -1) { | |||||
| btn.setDisabled(true) | |||||
| btn.setChecked(false) | |||||
| } else { | |||||
| btn.setDisabled(false) | |||||
| btn.setChecked(state) | |||||
| } | |||||
| }) | |||||
| // 因为你是添加 button,所以需要返回这个 button | |||||
| return btn | |||||
| } /* 指定这个 UI 是哪个编辑器实例上的,默认是页面上所有的编辑器都会添加这个按钮 */) | |||||
| }, | |||||
| setSessionid(num) { | |||||
| var len = num || 32 | |||||
| var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678' | |||||
| var maxPos = chars.length | |||||
| var pwd = '' | |||||
| for (var i = 0; i < len; i++) { | |||||
| pwd += chars.charAt(Math.floor(Math.random() * maxPos)) | |||||
| } | |||||
| return pwd | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| ::v-deep.ueditor{ | |||||
| .edui-editor{ | |||||
| width: 100% !important; | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @@ -59,10 +59,10 @@ service.interceptors.response.use( | |||||
| title: res.message, | title: res.message, | ||||
| duration: 5000 | duration: 5000 | ||||
| }) | }) | ||||
| // if (res.code === 701) { | |||||
| // Router.push(`/login`) | |||||
| // return | |||||
| // } | |||||
| if (res.code === 701) { | |||||
| Router.push(`/login`) | |||||
| return | |||||
| } | |||||
| return Promise.reject(res.message || 'Error') | return Promise.reject(res.message || 'Error') | ||||
| }, | }, | ||||
| error => { | error => { | ||||
| @@ -6,9 +6,9 @@ | |||||
| <template> | <template> | ||||
| <div class="app-container"> | <div class="app-container"> | ||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
| <el-form-item label="图片" prop="image"> | |||||
| <!-- <el-form-item label="图片" prop="image"> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | <uploadFile :url.sync="ruleForm.image" type="image" /> | ||||
| </el-form-item> | |||||
| </el-form-item> --> | |||||
| <el-form-item label="标题" prop="title"> | <el-form-item label="标题" prop="title"> | ||||
| <el-input v-model="ruleForm.title"></el-input> | <el-input v-model="ruleForm.title"></el-input> | ||||
| </el-form-item> | </el-form-item> | ||||
| @@ -36,12 +36,12 @@ | |||||
| <script> | <script> | ||||
| import { shuzirenremark } from '@/api/aigc' | import { shuzirenremark } from '@/api/aigc' | ||||
| import { saveGuangGao } from '@/api/homePage' | import { saveGuangGao } from '@/api/homePage' | ||||
| import uploadFile from '@/components/uploadFile' | |||||
| // import uploadFile from '@/components/uploadFile' | |||||
| export default { | export default { | ||||
| components: { | |||||
| uploadFile | |||||
| }, | |||||
| // components: { | |||||
| // uploadFile | |||||
| // }, | |||||
| data() { | data() { | ||||
| return { | return { | ||||
| ruleForm: { | ruleForm: { | ||||
| @@ -33,6 +33,15 @@ | |||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | <el-table-column label="操作" width="230" align="center" fixed="right"> | ||||
| <template slot-scope="scope" class="btn"> | <template slot-scope="scope" class="btn"> | ||||
| <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | ||||
| <el-popover placement="top" width="200" :ref="`del-${scope.$index}`"> | |||||
| <p>是否确认删除该数据?</p> | |||||
| <div style="text-align: right; margin: 0"> | |||||
| <el-button size="mini" | |||||
| @click="scope._self.$refs[`del-${scope.$index}`].doClose()">取消</el-button> | |||||
| <el-button type="primary" size="mini" @click="del(scope)">确定</el-button> | |||||
| </div> | |||||
| <el-button slot="reference" type="text" size="mini" style="margin-left:10px">删除</el-button> | |||||
| </el-popover> | |||||
| </template> | </template> | ||||
| </el-table-column> | </el-table-column> | ||||
| </el-table> | </el-table> | ||||
| @@ -64,7 +73,7 @@ | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { videoSave } from '@/api/car' | |||||
| import { videoSave, deleteVideo } from '@/api/car' | |||||
| import CRUD, { presenter, header, crud } from '@crud/crud' | import CRUD, { presenter, header, crud } from '@crud/crud' | ||||
| import pagination from '@crud/Pagination' | import pagination from '@crud/Pagination' | ||||
| import uploadFile from '@/components/uploadFile' | import uploadFile from '@/components/uploadFile' | ||||
| @@ -77,6 +86,7 @@ export default { | |||||
| dialogVisible: false, | dialogVisible: false, | ||||
| id: '', | id: '', | ||||
| ruleForm: { | ruleForm: { | ||||
| id: '', | |||||
| image: '', | image: '', | ||||
| serialNumber: '', | serialNumber: '', | ||||
| link: '', | link: '', | ||||
| @@ -104,13 +114,11 @@ export default { | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| openSave(item) { | openSave(item) { | ||||
| if (item) { | |||||
| this.ruleForm.id = item.id | |||||
| this.ruleForm.image = item.image | |||||
| this.ruleForm.serialNumber = item.serialNumber | |||||
| this.ruleForm.link = item.link | |||||
| this.ruleForm.title = item.title | |||||
| } | |||||
| this.ruleForm.id = item?.id || '' | |||||
| this.ruleForm.image = item?.image || '' | |||||
| this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
| this.ruleForm.link = item?.link || '' | |||||
| this.ruleForm.title = item?.title || '' | |||||
| this.dialogVisible = true | this.dialogVisible = true | ||||
| }, | }, | ||||
| close(tag) { | close(tag) { | ||||
| @@ -141,6 +149,17 @@ export default { | |||||
| }, | }, | ||||
| resetForm(formName) { | resetForm(formName) { | ||||
| this.$refs[formName].resetFields() | this.$refs[formName].resetFields() | ||||
| }, | |||||
| /* 删除 */ | |||||
| del(scope) { | |||||
| deleteVideo(scope.row.id).then(res => { | |||||
| this.$message({ | |||||
| message: '删除成功!', | |||||
| type: 'success' | |||||
| }) | |||||
| this.crud.toQuery() | |||||
| scope._self.$refs[`del-${scope.$index}`].doClose() | |||||
| }) | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| @@ -20,7 +20,7 @@ | |||||
| <el-table-column :show-overflow-tooltip="true" prop="newsTitle" label="标题" /> | <el-table-column :show-overflow-tooltip="true" prop="newsTitle" label="标题" /> | ||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | <el-table-column label="操作" width="230" align="center" fixed="right"> | ||||
| <template slot-scope="scope" class="btn"> | <template slot-scope="scope" class="btn"> | ||||
| <el-popover placement="top" width="200" :ref="`del-${scope.$index}`" v-if="scope.row.isDel"> | |||||
| <el-popover placement="top" width="200" :ref="`del-${scope.$index}`"> | |||||
| <p>是否确认删除该数据?</p> | <p>是否确认删除该数据?</p> | ||||
| <div style="text-align: right; margin: 0"> | <div style="text-align: right; margin: 0"> | ||||
| <el-button size="mini" | <el-button size="mini" | ||||
| @@ -103,7 +103,7 @@ export default { | |||||
| let data = { | let data = { | ||||
| pageNum: this.pageNum, | pageNum: this.pageNum, | ||||
| pageSize: this.pageSize, | pageSize: this.pageSize, | ||||
| type: 3, | |||||
| type: 2, | |||||
| status: 2, | status: 2, | ||||
| videHas: 1 | videHas: 1 | ||||
| } | } | ||||
| @@ -7,7 +7,8 @@ | |||||
| <div class="app-container"> | <div class="app-container"> | ||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
| <el-form-item label="图片" prop="image"> | <el-form-item label="图片" prop="image"> | ||||
| <uploadFile :url.sync="ruleForm.image" type="image" /> | |||||
| <uploadFile :url.sync="ruleForm.image" type="image" width="1920" height="800"/> | |||||
| <p style="color: #909399;">*请上传1920*800的图片</p> | |||||
| </el-form-item> | </el-form-item> | ||||
| <el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
| <el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
| @@ -20,7 +20,7 @@ | |||||
| <el-table-column :show-overflow-tooltip="true" prop="newsTitle" label="标题" /> | <el-table-column :show-overflow-tooltip="true" prop="newsTitle" label="标题" /> | ||||
| <el-table-column label="操作" width="230" align="center" fixed="right"> | <el-table-column label="操作" width="230" align="center" fixed="right"> | ||||
| <template slot-scope="scope" class="btn"> | <template slot-scope="scope" class="btn"> | ||||
| <el-popover placement="top" width="200" :ref="`del-${scope.$index}`" v-if="scope.row.isDel"> | |||||
| <el-popover placement="top" width="200" :ref="`del-${scope.$index}`"> | |||||
| <p>是否确认删除该数据?</p> | <p>是否确认删除该数据?</p> | ||||
| <div style="text-align: right; margin: 0"> | <div style="text-align: right; margin: 0"> | ||||
| <el-button size="mini" | <el-button size="mini" | ||||
| @@ -90,7 +90,7 @@ | |||||
| <pagination /> | <pagination /> | ||||
| <!-- 新增修改弹窗 --> | <!-- 新增修改弹窗 --> | ||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-dialog v-if="dialogVisible" title="汽车资讯视频" :visible.sync="dialogVisible" append-to-body width="60%"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
| <el-form-item label="标题" prop="title"> | <el-form-item label="标题" prop="title"> | ||||
| <el-input v-model="ruleForm.title"></el-input> | <el-input v-model="ruleForm.title"></el-input> | ||||
| @@ -90,7 +90,7 @@ | |||||
| <pagination /> | <pagination /> | ||||
| <!-- 新增修改弹窗 --> | <!-- 新增修改弹窗 --> | ||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-dialog v-if="dialogVisible" title="热点新闻" :visible.sync="dialogVisible" append-to-body width="60%"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
| <el-form-item label="标题" prop="title"> | <el-form-item label="标题" prop="title"> | ||||
| <el-input v-model="ruleForm.title"></el-input> | <el-input v-model="ruleForm.title"></el-input> | ||||
| @@ -95,7 +95,7 @@ | |||||
| <pagination /> | <pagination /> | ||||
| <!-- 新增修改弹窗 --> | <!-- 新增修改弹窗 --> | ||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-dialog v-if="dialogVisible" title="元宇宙" :visible.sync="dialogVisible" append-to-body width="60%"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
| <el-form-item label="标题" prop="title"> | <el-form-item label="标题" prop="title"> | ||||
| <el-input v-model="ruleForm.title"></el-input> | <el-input v-model="ruleForm.title"></el-input> | ||||
| @@ -95,7 +95,7 @@ | |||||
| <pagination /> | <pagination /> | ||||
| <!-- 新增修改弹窗 --> | <!-- 新增修改弹窗 --> | ||||
| <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | |||||
| <el-dialog v-if="dialogVisible" title="元宇宙" :visible.sync="dialogVisible" append-to-body width="60%"> | |||||
| <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
| <el-form-item label="标题" prop="title"> | <el-form-item label="标题" prop="title"> | ||||
| <el-input v-model="ruleForm.title"></el-input> | <el-input v-model="ruleForm.title"></el-input> | ||||