From 5529b7077126be368abd444d45ec085d8c7779e3 Mon Sep 17 00:00:00 2001 From: 明梦爽 <2972214568@qq.com> Date: 星期日, 17 四月 2022 23:21:22 +0800 Subject: [PATCH] eslint语法规范 --- src/components/Administrator/Edit.vue | 193 ++++++++++++++++++++++-------------------------- 1 files changed, 88 insertions(+), 105 deletions(-) diff --git a/src/components/Administrator/Edit.vue b/src/components/Administrator/Edit.vue index dce7624..8948e74 100644 --- a/src/components/Administrator/Edit.vue +++ b/src/components/Administrator/Edit.vue @@ -1,154 +1,137 @@ <template> <div class="box"> - <el-row><h3 style="margin-top: 0px">{{ $route.query.title }}</h3></el-row> - 鏂伴椈鏍囬锛�<el-input v-model="title" placeholder="璇疯緭鍏ユ柊闂绘爣棰�"></el-input><br/><br/> - 鍙戝竷鏃ユ湡锛�<el-date-picker format="yyyy 骞� MM 鏈� dd 鏃�" value-format="yyyy-MM-dd" v-model="releaseTime" placeholder="璇烽�夋嫨鏂伴椈鍙戝竷鏃ユ湡"></el-date-picker><br/><br/> + <el-row + ><h3 style="margin-top: 0px">{{ $route.query.title }}</h3></el-row + > + 鏂伴椈鏍囬锛�<el-input v-model="title" placeholder="璇疯緭鍏ユ柊闂绘爣棰�"></el-input><br /><br /> + 鍙戝竷鏃ユ湡锛�<el-date-picker format="yyyy 骞� MM 鏈� dd 鏃�" value-format="yyyy-MM-dd" v-model="releaseTime" placeholder="璇烽�夋嫨鏂伴椈鍙戝竷鏃ユ湡"></el-date-picker><br /><br /> 鏂伴椈鍐呭锛�<quill-editor ref="text" v-model="content" class="myQuillEditor" :options="editorOption" /> <el-row style="margin-top:50px;"> - <el-button type="success" @click="submit">鍙戝竷</el-button> - <!-- <input type="file" @change="chooseFile"/><br/><br/> - <el-button type="success" @click="tijiao">鎻愪氦</el-button><br/><br/> - <img :src="'http://localhost:7070/'+this.photo" style="width: 400px"> --> + <el-button type="success" @click="submit">鍙戝竷</el-button> </el-row> </div> </template> <script> -import axios from 'axios' - -import { add,fileUpload, login } from '../../api/api' -import {quillEditor,Quill} from 'vue-quill-editor' +// import axios from 'axios' +import { add, fileUpload, login } from '../../api/api' +import { quillEditor, Quill } from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' -import { container, ImageExtend,QuillWatch } from 'quill-image-extend-module' +import { container, ImageExtend, QuillWatch } from 'quill-image-extend-module' Quill.register('modules/ImageExtend', ImageExtend) -axios.defaults.withCredentials = true; +// axios.defaults.withCredentials = true export default { - components:{ quillEditor }, - data(){ + components: { quillEditor }, + data() { return { - title:'', //鏍囬鍐呭 - releaseTime:'', //鍙戝竷鏃ユ湡 - content: '', //鏂伴椈鍐呭 - picture:null, - photo:'', - newsCategoryId:2, + title: '', // 鏍囬鍐呭 + releaseTime: '', // 鍙戝竷鏃ユ湡 + content: '', // 鏂伴椈鍐呭 + picture: null, + photo: '', + newsCategoryId: 2, editorOption: { - placeholder: "璇疯緭鍏ユ鏂�", + placeholder: '璇疯緭鍏ユ鏂�', modules: { - ImageExtend: { // 濡傛灉涓嶄綔璁剧疆锛屽嵆{} 鍒欎緷鐒跺紑鍚鍒剁矘璐村姛鑳戒笖浠ase64鎻掑叆 - name: 'file', // 鍥剧墖鍙傛暟鍚� - loading: true, - size: 10, // 鍙�夊弬鏁� 鍥剧墖澶у皬锛屽崟浣嶄负M锛�1M = 1024kb - action:'http://localhost:7070/uploading', - response: (res) => { - console.log(res); - return 'http://localhost:7070/'+res.data - }, - headers: (xhr) => { - // axios.defaults.withCredentials = true; - // xhr.setRequestHeader('Cookie','NMTID=00OVM6QOJcTDVhqDUtvgSnd-5FBxLcAAAF9nTiDHg; JSESSIONID=5ACC52D29A2434E09450CB975E08C288') - }, // 鍙�夊弬鏁� 璁剧疆璇锋眰澶撮儴 - sizeError: () => {}, // 鍥剧墖瓒呰繃澶у皬鐨勫洖璋� - start: () => {}, // 鍙�夊弬鏁� 鑷畾涔夊紑濮嬩笂浼犺Е鍙戜簨浠� - end: () => {}, // 鍙�夊弬鏁� 鑷畾涔変笂浼犵粨鏉熻Е鍙戠殑浜嬩欢锛屾棤璁烘垚鍔熸垨鑰呭け璐� - error: () => {}, // 鍙�夊弬鏁� 涓婁紶澶辫触瑙﹀彂鐨勪簨浠� - success: () => {}, // 鍙�夊弬鏁� 涓婁紶鎴愬姛瑙﹀彂鐨勪簨浠� - change: (xhr, formData) => { - // formData.append('token', 'myToken') - } // 鍙�夊弬鏁� 姣忔閫夋嫨鍥剧墖瑙﹀彂锛屼篃鍙敤鏉ヨ缃ご閮紝浣嗘瘮headers澶氫簡涓�涓弬鏁帮紝鍙缃甪ormData + ImageExtend: { + // 濡傛灉涓嶄綔璁剧疆锛屽嵆{} 鍒欎緷鐒跺紑鍚鍒剁矘璐村姛鑳戒笖浠ase64鎻掑叆 + name: 'file', // 鍥剧墖鍙傛暟鍚� + loading: true, + size: 10, // 鍙�夊弬鏁� 鍥剧墖澶у皬锛屽崟浣嶄负M锛�1M = 1024kb + action: 'http://localhost:7070/uploading', + response: res => { + console.log(res) + return 'http://localhost:7070/' + res.data }, - toolbar:{ - container:[ - ['bold', 'italic', 'underline', 'strike'], //鍔犵矖锛屾枩浣擄紝涓嬪垝绾匡紝鍒犻櫎绾� - ['blockquote', 'code-block'], //寮曠敤锛屼唬鐮佸潡 - [{ 'header': 1 }, { 'header': 2 }], // 鏍囬锛岄敭鍊煎鐨勫舰寮忥紱1銆�2琛ㄧず瀛椾綋澶у皬 - [{ 'list': 'ordered'}, { 'list': 'bullet' }], //鍒楄〃 - [{ 'script': 'sub'}, { 'script': 'super' }], // 涓婁笅鏍� - [{ 'indent': '-1'}, { 'indent': '+1' }], // 缂╄繘 - [{ 'direction': 'rtl' }], // 鏂囨湰鏂瑰悜 - [{ 'size': ['small', false, 'large', 'huge'] }], // 瀛椾綋澶у皬 - [{ 'header': [1, 2, 3, 4, 5, 6, false] }], //鍑犵骇鏍囬 - [{ 'color': [] }, { 'background': [] }], // 瀛椾綋棰滆壊锛屽瓧浣撹儗鏅鑹� - [{ 'font': [] }], //瀛椾綋 - [{ 'align': [] }], //瀵归綈鏂瑰紡 - ['clean'], //娓呴櫎瀛椾綋鏍峰紡 - ['image'] //涓婁紶鍥剧墖銆佷笂浼犺棰� - ], - handlers: { - 'image': function () { // 鍔寔鍘熸潵鐨勫浘鐗囩偣鍑绘寜閽簨浠� - QuillWatch.emit(this.quill.id) - } - } - }, - }, - } , //缂栬緫鍣ㄦ柊闂诲璞� - fileList:[], + headers: xhr => { + // axios.defaults.withCredentials = true; + // xhr.setRequestHeader('Cookie','NMTID=00OVM6QOJcTDVhqDUtvgSnd-5FBxLcAAAF9nTiDHg; JSESSIONID=5ACC52D29A2434E09450CB975E08C288') + }, // 鍙�夊弬鏁� 璁剧疆璇锋眰澶撮儴 + sizeError: () => {}, // 鍥剧墖瓒呰繃澶у皬鐨勫洖璋� + start: () => {}, // 鍙�夊弬鏁� 鑷畾涔夊紑濮嬩笂浼犺Е鍙戜簨浠� + end: () => {}, // 鍙�夊弬鏁� 鑷畾涔変笂浼犵粨鏉熻Е鍙戠殑浜嬩欢锛屾棤璁烘垚鍔熸垨鑰呭け璐� + error: () => {}, // 鍙�夊弬鏁� 涓婁紶澶辫触瑙﹀彂鐨勪簨浠� + success: () => {}, // 鍙�夊弬鏁� 涓婁紶鎴愬姛瑙﹀彂鐨勪簨浠� + change: (xhr, formData) => { + // formData.append('token', 'myToken') + } // 鍙�夊弬鏁� 姣忔閫夋嫨鍥剧墖瑙﹀彂锛屼篃鍙敤鏉ヨ缃ご閮紝浣嗘瘮headers澶氫簡涓�涓弬鏁帮紝鍙缃甪ormData + }, + toolbar: { + container: [ + ['bold', 'italic', 'underline', 'strike'], // 鍔犵矖锛屾枩浣擄紝涓嬪垝绾匡紝鍒犻櫎绾� + ['blockquote', 'code-block'], // 寮曠敤锛屼唬鐮佸潡 + [{ header: 1 }, { header: 2 }], // 鏍囬锛岄敭鍊煎鐨勫舰寮忥紱1銆�2琛ㄧず瀛椾綋澶у皬 + [{ list: 'ordered' }, { list: 'bullet' }], // 鍒楄〃 + [{ script: 'sub' }, { script: 'super' }], // 涓婁笅鏍� + [{ indent: '-1' }, { indent: '+1' }], // 缂╄繘 + [{ direction: 'rtl' }], // 鏂囨湰鏂瑰悜 + [{ size: ['small', false, 'large', 'huge'] }], // 瀛椾綋澶у皬 + [{ header: [1, 2, 3, 4, 5, 6, false] }], // 鍑犵骇鏍囬 + [{ color: [] }, { background: [] }], // 瀛椾綋棰滆壊锛屽瓧浣撹儗鏅鑹� + [{ font: [] }], // 瀛椾綋 + [{ align: [] }], // 瀵归綈鏂瑰紡 + ['clean'], // 娓呴櫎瀛椾綋鏍峰紡 + ['image'] // 涓婁紶鍥剧墖銆佷笂浼犺棰� + ], + handlers: { + image: function() { + // 鍔寔鍘熸潵鐨勫浘鐗囩偣鍑绘寜閽簨浠� + QuillWatch.emit(this.quill.id) + } + } + } + } + }, // 缂栬緫鍣ㄦ柊闂诲璞� + fileList: [] } }, - created(){ + created() { // console.log('>>>>>>>',this.$route.query.id); this.newsCategoryId = this.$route.query.id }, - mounted(){ - }, - methods:{ - // chooseFile(file){ - // this.picture = file.target.files[0]; - // console.log(this.picture) - // return false; - // }, - // tijiao(){ - // const fd = new FormData() - // fd.append('file',this.picture) - // fileUpload(fd).then(res => { - // console.log(res) - // if(res.code == 200){ - // this.photo = res.data - // console.log(this.photo); - // } - // }) - // }, - submit(){ + mounted() {}, + methods: { + submit() { const data = { - newsCategoryId:this.newsCategoryId, - content:this.content, - title:this.title, - releaseTime:this.releaseTime + newsCategoryId: this.newsCategoryId, + content: this.content, + title: this.title, + releaseTime: this.releaseTime } - console.log(this.content); + console.log(this.content) // console.log(this.newsCategoryId); add(data).then(res => { - console.log(res); - if(res.code !== 200){ + console.log(res) + if (res.code !== 200) { return this.$message.error('鍙戝竷鏂伴椈澶辫触锛岃閲嶈瘯锛�') - }else{ + } else { this.$message.success('鏂伴椈鍙戝竷鎴愬姛锛�') - console.log(this.content); + console.log(this.content) this.$router.go(-1) } }) - }, + } } } </script> <style lang="less" scoped> -.box{ +.box { width: 1200px; margin: 0 auto; } -.myQuillEditor{ +.myQuillEditor { height: 350px; } -.btn{ +.btn { position: absolute; bottom: 20px; left: 168px; } -.ql-editor img{ +.ql-editor img { width: 100px !important; height: 100px !important; } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0