From 546c0df2c7d278cb2a3e6fa6fc2ff730d410fdbd Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期二, 25 一月 2022 16:54:48 +0800
Subject: [PATCH] more
---
src/components/Administrator/Main.vue | 86 ++++++++++++++++++++++++++++--------------
1 files changed, 57 insertions(+), 29 deletions(-)
diff --git a/src/components/Administrator/Main.vue b/src/components/Administrator/Main.vue
index 5707748..76f7999 100644
--- a/src/components/Administrator/Main.vue
+++ b/src/components/Administrator/Main.vue
@@ -1,12 +1,13 @@
<template>
<div>
<!-- 绾ц仈閫夋嫨鍣� -->
- <div class="block">
+ <div class="block">
<el-cascader
v-model="value"
:options="options"
clearable
filterable
+ :getCheckedNodes="true"
@change="handleChange">
</el-cascader>
</div>
@@ -19,19 +20,23 @@
</el-col>
<el-col :span="10">
<!-- 鏂伴椈鎼滅储 -->
- <el-input clearable @clear="qingKong()" placeholder="璇疯緭鍏ユ墍瑕佹煡璇㈢殑鏂伴椈鏍囬" v-model="fuzzyForm.fuzzytitle" class="input-with-select">
- <el-button class="btn" slot="append" icon="el-icon-search" @click="fuzzyList(fuzzyForm.fuzzytitle)"></el-button>
+ <el-input clearable placeholder="璇疯緭鍏ユ墍瑕佹煡璇㈢殑鏂伴椈鏍囬" v-model="search" class="input-with-select">
</el-input>
</el-col>
</el-row>
<!-- 鏂伴椈琛ㄦ牸鍖哄煙 -->
- <el-table :data="tableData" border style="width: 100%" :header-cell-style="{textAlign: 'center'}" :cell-style="{ textAlign: 'center' }"
+ <el-table
+ :data="tableData.filter(data => !search || data.title.toLowerCase().includes(search.toLowerCase()))"
+ border
+ style="width: 100%"
+ :header-cell-style="{textAlign: 'center'}"
+ :cell-style="{ textAlign: 'center' }"
>
- <!-- :header-cell-style="{textAlign: 'center'}"璁剧疆澶撮儴灞呬腑锛� -->
- <!-- :cell-style="{ textAlign: 'center' }"璁剧疆鏁翠釜琛ㄦ牸鍐呭姘村钩灞呬腑锛� -->
- <!-- 闂锛氭�庝箞鑾峰彇鏁扮粍涓瘡涓璞＄殑key鍊硷紙姣忔潯鏂伴椈鐨刬d锛�?
- 瑙ｅ喅锛氶�氳繃浣滅敤鍩熸彃妲� slot-scope 鑾峰彇姣忎釜瀵硅薄 -->
- <el-table-column type="index"></el-table-column>
+ <el-table-column type="index" label="搴忓彿" width="50">
+ <template slot-scope="scope">
+ <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="">
@@ -55,7 +60,6 @@
<!-- 鑾峰彇鏂伴椈鍒楄〃鍒嗛〉 -->
<div>
<el-pagination
- v-show="getShow"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
@@ -63,19 +67,6 @@
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="total">
- </el-pagination>
- </div>
- <!-- 妯＄硦鏂伴椈鍒楄〃鍒嗛〉 -->
- <div>
- <el-pagination
- v-show="fuzzyShow"
- @size-change="handleSizeChangefuzzy"
- @current-change="handleCurrentChangefuzzy"
- :current-page="fuzzyForm.fuzzycurrent"
- :page-sizes="[6,12, 18,]"
- :page-size="100"
- layout="total, sizes, prev, pager, next, jumper"
- :total="fuzzyForm.fuzzytotal">
</el-pagination>
</div>
</div>
@@ -95,8 +86,13 @@
<el-input v-model="editForm.title"></el-input>
</el-form-item>
<el-form-item label="鍙戝竷鏃ユ湡:">
- <!-- <el-input v-model="editForm.releaseTime"></el-input> -->
- <el-date-picker v-model="editForm.releaseTime" type="date" placeholder="璇烽�夋嫨鍙戝竷鏃ユ湡"></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">
@@ -113,16 +109,20 @@
export default {
data() {
return {
- fuzzyShow:false, //妯＄硦鏌ヨ鍒嗛〉鐨勬樉绀�(甯冨皵鍊�)
+ search:'',
getShow:true, //鑾峰彇鍒嗛〉鐨勬樉绀�(甯冨皵鍊�)
+ gettable:true, //鑾峰彇琛ㄦ牸鐨勬樉绀�
visible: false,
editDialogVisible:false, //鎺у埗淇敼瀵硅瘽妗嗙殑甯冨皵鍊�
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: [{
@@ -139,6 +139,10 @@
{
value:44,
label: '瀛﹂櫌鍔ㄦ��',
+ },
+ {
+ value:45,
+ label: '杞挱鍥�',
}],
},{
value: 22,
@@ -223,6 +227,7 @@
handleChange(value) {
// console.log(value);
// console.log(value[1]);
+ this.currentPage = 1;
this.newsCategoryId = value[1]; //灏嗗緱鍒扮殑灏忔爣棰榠d瀛樻斁璧锋潵
this.query(this.newsCategoryId);
},
@@ -278,6 +283,8 @@
}
this.fuzzyShow = true //妯＄硦鍒嗛〉鏄剧ず
this.getShow = false //鑾峰彇鍒嗛〉闅愯棌
+ this.gettable = false
+ this.fuzzytable = true
const data = {
current: this.fuzzyForm.fuzzycurrent,
size: this.fuzzyForm.fuzzysize,
@@ -288,7 +295,7 @@
if (res.code !== 200) {
return this.$message.error('鏌ヨ鏂伴椈鍒楄〃澶辫触')
}else{
- this.tableData = res.data.records
+ this.fuzzytableData = res.data.records
this.fuzzyForm.fuzzytotal = res.data.total
}
}).catch(err => {
@@ -298,9 +305,12 @@
//娓呯┖鏌ヨ鍒楄〃鍐呭
qingKong(){
this.tableData = []
+ this.fuzzytableData = []
this.fuzzyForm.fuzzytotal = 0
this.fuzzyShow = false
this.getShow = true
+ this.fuzzytable = false
+ this.gettable = true
},
//鏍规嵁id鍒犻櫎鏂伴椈
async deleteNews(id){
@@ -358,6 +368,20 @@
},
//鍘诲線娣诲姞缂栬緫椤甸潰
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) {
this.$message.error('璇ユ柊闂绘爣棰樹笅鍙兘瀛樺湪涓�绡囨柊闂�')
@@ -366,11 +390,15 @@
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}})
+ 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{
this.$message.error('璇峰厛閫夋嫨鏂伴椈鏍囬')
- }
+ }
+
}
},
}
--
Gitblit v1.8.0