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/AdMain.vue | 448 ++++++++++++++++++++++++++++--------------------------- 1 files changed, 229 insertions(+), 219 deletions(-) diff --git a/src/components/Administrator/AdMain.vue b/src/components/Administrator/AdMain.vue index e32dd5b..1f75c24 100644 --- a/src/components/Administrator/AdMain.vue +++ b/src/components/Administrator/AdMain.vue @@ -3,14 +3,7 @@ <!-- 绾ц仈閫夋嫨鍣� --> <el-row class="block"> <el-col :span="4"> - <el-cascader - v-model="value" - :options="options" - clearable - filterable - :getCheckedNodes="true" - @change="handleChange"> - </el-cascader> + <el-cascader v-model="value" :options="options" clearable filterable :getCheckedNodes="true" @change="handleChange"> </el-cascader> </el-col> <el-col :span="5"> <el-button type="primary" icon="el-icon-edit" @click="goAdEdit()">鐐瑰嚮瀵规櫘閫氱鐞嗗憳杩涜绠$悊</el-button> @@ -25,29 +18,25 @@ </el-col> <el-col :span="10"> <!-- 鏂伴椈鎼滅储 --> - <el-input clearable placeholder="璇疯緭鍏ユ墍瑕佹煡璇㈢殑鏂伴椈鏍囬" v-model="search" class="input-with-select"> - </el-input> + <el-input clearable placeholder="璇疯緭鍏ユ墍瑕佹煡璇㈢殑鏂伴椈鏍囬" v-model="search" class="input-with-select"> </el-input> </el-col> </el-row> <!-- 鏂伴椈琛ㄦ牸鍖哄煙 --> - <el-table + <el-table :data="tableData.filter(data => !search || data.title.toLowerCase().includes(search.toLowerCase()))" - border - style="width: 100%" - :header-cell-style="{textAlign: 'center'}" + border + style="width: 100%" + :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" > <el-table-column type="index" label="搴忓彿" width="50"> <template slot-scope="scope"> - <span>{{ (currentPage-1)*pageSize+scope.$index+1 }}</span> + <span>{{ (currentPage - 1) * pageSize + scope.$index + 1 }}</span> </template> </el-table-column> - <el-table-column prop="releaseTime" label="鏃ユ湡" width="" > - </el-table-column> - <el-table-column prop="title" label="鏂伴椈鏍囬" width=""> - </el-table-column> - <el-table-column prop="id" label="id" width=""> - </el-table-column> + <el-table-column prop="releaseTime" label="鏃ユ湡" width=""> </el-table-column> + <el-table-column prop="title" label="鏂伴椈鏍囬" width=""> </el-table-column> + <el-table-column prop="id" label="id" width=""> </el-table-column> <el-table-column label="鎿嶄綔" width=""> <template slot-scope="scope"> <!-- {{ scope.row.id }} --> @@ -57,7 +46,6 @@ <el-button type="info" @click="deleteNews(scope.row.id)">鍒犻櫎</el-button> </div> </template> - </el-table-column> </el-table> <!-- 鍒嗛〉 --> @@ -68,22 +56,19 @@ @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" - :page-sizes="[6,12, 18,]" + :page-sizes="[6, 12, 18]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" - :total="total"> + :total="total" + > </el-pagination> </div> </div> </el-card> <!-- 淇敼鏂伴椈鐨勫璇濇 --> - <el-dialog - title="淇敼鏂伴椈" - :visible.sync="editDialogVisible" - width="50%" - :before-close="handleClose"> + <el-dialog title="淇敼鏂伴椈" :visible.sync="editDialogVisible" width="50%" :before-close="handleClose"> <!-- rules琛ㄥ崟楠岃瘉瑙勫垯锛宺ef褰撳墠琛ㄥ崟鐨勯獙璇佸璞� --> - <el-form ref="editFormRef" :model="editForm" label-width="80px" status-icon> + <el-form ref="editFormRef" :model="editForm" label-width="80px" status-icon> <el-form-item label="id:"> <el-input v-model="editForm.id" disabled></el-input> </el-form-item> @@ -91,13 +76,7 @@ <el-input v-model="editForm.title"></el-input> </el-form-item> <el-form-item label="鍙戝竷鏃ユ湡:"> - <el-date-picker - v-model="editForm.releaseTime" - type="date" - placeholder="璇烽�夋嫨鍙戝竷鏃ユ湡" - format="yyyy 骞� MM 鏈� dd 鏃�" - value-format="yyyy-MM-dd" - ></el-date-picker> + <el-date-picker v-model="editForm.releaseTime" type="date" placeholder="璇烽�夋嫨鍙戝竷鏃ユ湡" format="yyyy 骞� MM 鏈� dd 鏃�" value-format="yyyy-MM-dd"></el-date-picker> </el-form-item> </el-form> <span slot="footer" class="dialog-footer"> @@ -110,211 +89,226 @@ </template> <script> -import { getNewsList,getnew,update,deleteNew,fuzzy } from '../../api/api' +import { getNewsList, getnew, update, deleteNew, fuzzy } from '../../api/api' export default { data() { return { - search:'', - getShow:true, //鑾峰彇鍒嗛〉鐨勬樉绀�(甯冨皵鍊�) - gettable:true, //鑾峰彇琛ㄦ牸鐨勬樉绀� + search: '', + getShow: true, //鑾峰彇鍒嗛〉鐨勬樉绀�(甯冨皵鍊�) + gettable: true, //鑾峰彇琛ㄦ牸鐨勬樉绀� visible: false, - editDialogVisible:false, //鎺у埗淇敼瀵硅瘽妗嗙殑甯冨皵鍊� - AdDialogVisible:false, //瓒呯鐧诲綍瀵硅瘽妗� - Ad:{ username:'',password:'' }, //瓒呯瀵硅薄 - editForm:{}, //鏌ヨ鍒扮殑鏂伴椈瀵硅薄锛岀洰鍓嶄粎渚涗慨鏀逛娇鐢� - newsCategoryId:1, //鍏堝瓨涓�涓皬鏍囬id - tableData:[], //鏂伴椈鍒楄〃瀵硅薄 - fuzzytableData:[], //妯$硦鏌ヨ鍒楄〃瀵硅薄 - pageSize:6, //姣忛〉鏉℃暟 - currentPage:1, //褰撳墠椤� - total:0, //鏂伴椈鎬绘潯鏁� - fuzzyShow:false, //妯$硦鏌ヨ鍒嗛〉鐨勬樉绀�(甯冨皵鍊�) - fuzzytable:false, //妯$硦鏌ヨ琛ㄦ牸鐨勬樉绀� - fuzzyForm:{ fuzzytitle:'',fuzzytotal:0,fuzzycurrent:1,fuzzysize:6 }, //妯$硦鏌ヨ鍒楄〃瀵硅薄 + editDialogVisible: false, //鎺у埗淇敼瀵硅瘽妗嗙殑甯冨皵鍊� + AdDialogVisible: false, //瓒呯鐧诲綍瀵硅瘽妗� + Ad: { username: '', password: '' }, //瓒呯瀵硅薄 + editForm: {}, //鏌ヨ鍒扮殑鏂伴椈瀵硅薄锛岀洰鍓嶄粎渚涗慨鏀逛娇鐢� + newsCategoryId: 1, //鍏堝瓨涓�涓皬鏍囬id + tableData: [], //鏂伴椈鍒楄〃瀵硅薄 + fuzzytableData: [], //妯$硦鏌ヨ鍒楄〃瀵硅薄 + pageSize: 6, //姣忛〉鏉℃暟 + currentPage: 1, //褰撳墠椤� + total: 0, //鏂伴椈鎬绘潯鏁� + fuzzyShow: false, //妯$硦鏌ヨ鍒嗛〉鐨勬樉绀�(甯冨皵鍊�) + fuzzytable: false, //妯$硦鏌ヨ琛ㄦ牸鐨勬樉绀� + fuzzyForm: { fuzzytitle: '', fuzzytotal: 0, fuzzycurrent: 1, fuzzysize: 6 }, //妯$硦鏌ヨ鍒楄〃瀵硅薄 value: [], - options: [{ - value: 1, - label: '棣栭〉', - children: [{ - value:42, - label: '閫氱煡鍏憡', - }, + options: [ { - value:43, - label: '宸ヤ綔鍔ㄦ��', + value: 1, + label: '棣栭〉', + children: [ + { + value: 42, + label: '閫氱煡鍏憡' + }, + { + value: 43, + label: '宸ヤ綔鍔ㄦ��' + }, + { + value: 44, + label: '瀛﹂櫌鍔ㄦ��' + }, + { + value: 45, + label: '杞挱鍥�' + } + ] }, { - value:44, - label: '瀛﹂櫌鍔ㄦ��', - }, - { - value:45, - label: '杞挱鍥�', - }], - },{ value: 22, label: '绉戝崗姒傚喌', - children: [{ - value:27, - label: '绠�浠�', - }, - { - value:28, - label: '绔犵▼', - }, - { - value:29, - label: '缁勭粐缁撴瀯', - }, - { - value:30, - label: '宸ヤ綔鑱岃矗', - }, - { - value:31, - label: '涓撹亴浜哄憳', - }], + children: [ + { + value: 27, + label: '绠�浠�' + }, + { + value: 28, + label: '绔犵▼' + }, + { + value: 29, + label: '缁勭粐缁撴瀯' + }, + { + value: 30, + label: '宸ヤ綔鑱岃矗' + }, + { + value: 31, + label: '涓撹亴浜哄憳' + } + ] }, { value: 23, label: '鏀跨瓥娉曡', - children: [{ - value:35, - label: '涓浗绉戝崗鏀跨瓥鏂囦欢', - }, - { - value:36, - label: '鍦版柟绉戝崗鏀跨瓥鏂囦欢', - }, - { - value:37, - label: '绀惧洟绠$悊鏂囦欢', - }], + children: [ + { + value: 35, + label: '涓浗绉戝崗鏀跨瓥鏂囦欢' + }, + { + value: 36, + label: '鍦版柟绉戝崗鏀跨瓥鏂囦欢' + }, + { + value: 37, + label: '绀惧洟绠$悊鏂囦欢' + } + ] }, { value: 25, label: '瀛︽湳浜ゆ祦', - children: [{ - value:38, - label: '瀛︽湳淇℃伅', - }, - { - value:39, - label: '绉戞妧绔炶禌', - }], + children: [ + { + value: 38, + label: '瀛︽湳淇℃伅' + }, + { + value: 39, + label: '绉戞妧绔炶禌' + } + ] }, { value: 27, label: '绉戞櫘椋庨噰', - children: [{ - value:40, - label: '骞抽《灞卞闄㈢鏅椿鍔�', - }, - { - value:41, - label: '骞抽《灞卞競鏀垮崗绉戞櫘娲诲姩', - }], - }] + children: [ + { + value: 40, + label: '骞抽《灞卞闄㈢鏅椿鍔�' + }, + { + value: 41, + label: '骞抽《灞卞競鏀垮崗绉戞櫘娲诲姩' + } + ] + } + ] } }, - created(){ - }, - mounted(){ - }, + created() {}, + mounted() {}, methods: { //淇敼瀵硅瘽妗嗗叧闂殑鏂规硶 handleClose(done) { this.$confirm('纭鍏抽棴锛�') .then(_ => { - done(); + done() }) - .catch(_ => {}); + .catch(_ => {}) }, //璺宠浆鏅�氱鐞嗗垪琛� - goAdEdit(){ - this.$router.push({path:'adedit'}) + goAdEdit() { + this.$router.push({ path: 'adedit' }) }, //绾ц仈閫夋嫨鍣ㄧ殑鏂规硶 handleChange(value) { // console.log(value); // console.log(value[1]); - this.currentPage = 1; - this.newsCategoryId = value[1]; //灏嗗緱鍒扮殑灏忔爣棰榠d瀛樻斁璧锋潵 - this.query(this.newsCategoryId); + this.currentPage = 1 + this.newsCategoryId = value[1] //灏嗗緱鍒扮殑灏忔爣棰榠d瀛樻斁璧锋潵 + this.query(this.newsCategoryId) }, - query(newsCategoryId){ + query(newsCategoryId) { const data = { - current:this.currentPage, - newsCategoryId:newsCategoryId, - size:this.pageSize - }; - getNewsList(data).then(res=>{ - // console.log(res); - if (res.code !== 200) { - return this.$message.error('鑾峰彇鏂伴椈鍒楄〃澶辫触') - }else{ - this.tableData = res.data.records - this.total = res.data.total - } - }).catch(err => { - console.log(err); - }) + current: this.currentPage, + newsCategoryId: newsCategoryId, + size: this.pageSize + } + getNewsList(data) + .then(res => { + // console.log(res); + if (res.code !== 200) { + return this.$message.error('鑾峰彇鏂伴椈鍒楄〃澶辫触') + } else { + this.tableData = res.data.records + this.total = res.data.total + } + }) + .catch(err => { + console.log(err) + }) }, //灞曠ず淇敼瀵硅瘽妗� - showEditDialog(id){ + showEditDialog(id) { getnew(id).then(res => { // console.log(res); if (res.code == 200) { this.editForm = res.data - } + } }) - this.editDialogVisible = true; + this.editDialogVisible = true }, //纭畾淇敼琛ㄥ崟鎻愪氦锛岄獙璇佸彂璧疯姹� - editNew(){ + editNew() { const data = { id: this.editForm.id, releaseTime: this.editForm.releaseTime, - title:this.editForm.title + title: this.editForm.title } - update(data).then(res=>{ - console.log('dsadasas',res); + update(data).then(res => { + console.log('dsadasas', res) if (res.code == 200) { - this.editDialogVisible =false; + this.editDialogVisible = false this.$message.success('淇敼鏂伴椈鎴愬姛锛�') - this.query(this.newsCategoryId); + this.query(this.newsCategoryId) } }) }, //妯$硦鏌ヨ - fuzzyList(title){ + fuzzyList(title) { // console.log(title); - if(title == ''){ - return this.$message.error('璇峰厛杈撳叆鏌ヨ鏂伴椈鏍囬锛�') + if (title == '') { + return this.$message.error('璇峰厛杈撳叆鏌ヨ鏂伴椈鏍囬锛�') } this.fuzzyShow = true //妯$硦鍒嗛〉鏄剧ず - this.getShow = false //鑾峰彇鍒嗛〉闅愯棌 + this.getShow = false //鑾峰彇鍒嗛〉闅愯棌 this.gettable = false this.fuzzytable = true const data = { current: this.fuzzyForm.fuzzycurrent, size: this.fuzzyForm.fuzzysize, - title:title + title: title } - fuzzy(data).then(res => { - // console.log(res); - if (res.code !== 200) { - return this.$message.error('鏌ヨ鏂伴椈鍒楄〃澶辫触') - }else{ - this.fuzzytableData = res.data.records - this.fuzzyForm.fuzzytotal = res.data.total - } - }).catch(err => { - console.log(err); - }) + fuzzy(data) + .then(res => { + // console.log(res); + if (res.code !== 200) { + return this.$message.error('鏌ヨ鏂伴椈鍒楄〃澶辫触') + } else { + this.fuzzytableData = res.data.records + this.fuzzyForm.fuzzytotal = res.data.total + } + }) + .catch(err => { + console.log(err) + }) }, //娓呯┖鏌ヨ鍒楄〃鍐呭 - qingKong(){ + qingKong() { this.tableData = [] this.fuzzytableData = [] this.fuzzyForm.fuzzytotal = 0 @@ -324,7 +318,7 @@ this.gettable = true }, //鏍规嵁id鍒犻櫎鏂伴椈 - async deleteNews(id){ + async deleteNews(id) { // console.log(id); const res = await this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ潯鏂伴椈, 鏄惁缁х画?', '鎻愮ず', { confirmButtonText: '纭畾', @@ -335,98 +329,114 @@ }) //濡傛灉鐢ㄦ埛鐐瑰嚮纭畾鍒欒繑鍥瀋onfirm //濡傛灉鐢ㄦ埛鐐瑰嚮鍙栨秷鍒欒繑鍥瀋ancel - console.log(res); - if(res !== 'confirm'){ + console.log(res) + if (res !== 'confirm') { return this.$message.info('宸插彇娑堝垹闄') - }else{ - console.log(id); + } else { + console.log(id) const data = { - id:id + id: id } //鍙傛暟data 瑕佷互瀵硅薄鐨勫舰寮忎紶鍏� deleteNew(data).then(res => { - console.log('>>>'+res); - if(res.code == 200){ + console.log('>>>' + res) + if (res.code == 200) { this.$message.success('鍒犻櫎鏂伴椈鎴愬姛锛�') - this.query(this.newsCategoryId); - }else{ + this.query(this.newsCategoryId) + } else { return this.$message.error('鍒犻櫎鏂伴椈澶辫触锛�') } }) } }, //鏌ョ湅 - look(id){ - this.$router.push({path:'news',query:{id:id}}) + look(id) { + this.$router.push({ path: 'news', query: { id: id } }) }, //瓒呯鐧诲綍瀵硅瘽妗� - showAdDialog(){ + showAdDialog() { this.AdDialogVisible = true }, handleCurrentChange(val) { // console.log(`褰撳墠椤�: ${val}`); - this.currentPage = val; + this.currentPage = val this.query(this.newsCategoryId) }, handleSizeChange(val) { // console.log(`姣忛〉 ${val} 鏉); - this.pageSize = val; + this.pageSize = val this.query(this.newsCategoryId) }, - handleCurrentChangefuzzy(val){ + handleCurrentChangefuzzy(val) { this.fuzzyForm.fuzzycurrent = val this.fuzzyList(this.fuzzyForm.fuzzytitle) //妯$硦鏌ヨ }, - handleSizeChangefuzzy(val){ + handleSizeChangefuzzy(val) { this.fuzzyForm.fuzzysize = val this.fuzzyList(this.fuzzyForm.fuzzytitle) //妯$硦鏌ヨ }, //鍘诲線娣诲姞缂栬緫椤甸潰 - goEdit(id){ - let title = ''; - console.log(this.value); - if (this.value.length = 2) { - let t = this.value[0]; - let i = this.value[1]; - this.options.forEach( item => { - if(item.value == t){ - title += item.label+'/' - item.children.forEach( e => { - if(e.value == i) title += e.label; + goEdit(id) { + let title = '' + console.log(this.value) + if ((this.value.length = 2)) { + let t = this.value[0] + let i = this.value[1] + this.options.forEach(item => { + if (item.value == t) { + title += item.label + '/' + item.children.forEach(e => { + if (e.value == i) title += e.label }) } }) } - if (this.newsCategoryId==27&&this.total==1||this.newsCategoryId==28&&this.total==1||this.newsCategoryId==29&&this.total==1|| - this.newsCategoryId==30&&this.total==1||this.newsCategoryId==31&&this.total==1) { + if ( + (this.newsCategoryId == 27 && this.total == 1) || + (this.newsCategoryId == 28 && this.total == 1) || + (this.newsCategoryId == 29 && this.total == 1) || + (this.newsCategoryId == 30 && this.total == 1) || + (this.newsCategoryId == 31 && this.total == 1) + ) { this.$message.error('璇ユ柊闂绘爣棰樹笅鍙兘瀛樺湪涓�绡囨柊闂�') - }else if(this.newsCategoryId==27||this.newsCategoryId==28||this.newsCategoryId==29||this.newsCategoryId==30|| - this.newsCategoryId==31||this.newsCategoryId == 35||this.newsCategoryId==36||this.newsCategoryId==37|| - this.newsCategoryId==38||this.newsCategoryId==39||this.newsCategoryId==40|| - this.newsCategoryId==41||this.newsCategoryId==42||this.newsCategoryId==43|| - this.newsCategoryId==44){ - this.$router.push({path:'/administrator/edit',query:{id:id,title:title}}) - console.log(this.newsCategoryId); - }else if(this.newsCategoryId==45){ - this.$router.push({path:'/administrator/editlunbo',query:{id:id,title:title}}) + } else if ( + this.newsCategoryId == 27 || + this.newsCategoryId == 28 || + this.newsCategoryId == 29 || + this.newsCategoryId == 30 || + this.newsCategoryId == 31 || + this.newsCategoryId == 35 || + this.newsCategoryId == 36 || + this.newsCategoryId == 37 || + this.newsCategoryId == 38 || + this.newsCategoryId == 39 || + this.newsCategoryId == 40 || + this.newsCategoryId == 41 || + this.newsCategoryId == 42 || + this.newsCategoryId == 43 || + this.newsCategoryId == 44 + ) { + this.$router.push({ path: '/administrator/edit', query: { id: id, title: title } }) + console.log(this.newsCategoryId) + } else if (this.newsCategoryId == 45) { + this.$router.push({ path: '/administrator/editlunbo', query: { id: id, title: title } }) // console.log(this.newsCategoryId); - }else{ + } else { this.$message.error('璇峰厛閫夋嫨鏂伴椈鏍囬') } - } - }, + } } </script> <style lang="less"> -.add{ +.add { margin-bottom: 10px !important; } -.block{ +.block { margin-bottom: 10px; } -.el-pagination{ +.el-pagination { margin-top: 10px; } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0