From fa4e157e028fb1c666f34502792b14ff9cdcf0bb Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期三, 23 三月 2022 17:32:57 +0800
Subject: [PATCH] 介绍说明
---
src/components/Administrator/AdEdit.vue | 156 ++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 151 insertions(+), 5 deletions(-)
diff --git a/src/components/Administrator/AdEdit.vue b/src/components/Administrator/AdEdit.vue
index 665807a..a87374c 100644
--- a/src/components/Administrator/AdEdit.vue
+++ b/src/components/Administrator/AdEdit.vue
@@ -1,6 +1,7 @@
<template>
<div>
<el-card class="box-card">
+ <el-button type="primary" @click="add()" icon="el-icon-circle-plus" class='add'>娉ㄥ唽鏂扮殑绠＄悊鍛樿处鍙�</el-button>
<!-- 鏂伴椈琛ㄦ牸鍖哄煙 -->
<el-table
:data="tableData"
@@ -22,42 +23,187 @@
<template slot-scope="scope">
<!-- {{ scope.row.id }} -->
<div>
- <el-button type="success" @click="look(scope.row.id)">娣诲姞</el-button>
- <el-button type="warning" @click="showEditDialog(scope.row.id)">淇敼</el-button>
- <el-button type="info" @click="deleteNews(scope.row.id)">鍒犻櫎</el-button>
+ <el-button type="primary" @click="showEditDialog(scope.row.id)" icon="el-icon-edit"></el-button>
+ <el-button type="danger" @click="deleteAds(scope.row.id)" icon="el-icon-delete"></el-button>
</div>
</template>
</el-table-column>
</el-table>
</el-card>
+ <!-- 淇敼璐︽埛鐨勫璇濇 -->
+ <el-dialog
+ title="淇敼鏅�氱鐞嗗憳瀵嗙爜"
+ :visible.sync="editDialogVisible"
+ width="50%"
+ @close="editClose">
+ <!-- rules琛ㄥ崟楠岃瘉瑙勫垯锛宺ef褰撳墠琛ㄥ崟鐨勯獙璇佸璞� -->
+ <el-form ref="editFormRef" :model="editForm" label-width="80px" status-icon>
+ <el-form-item label="鐢ㄦ埛鍚�:">
+ <el-input v-model="editForm.username" prefix-icon="iconfont icon-user" placeholder="璇疯緭鍏ヨ处鍙�" clearable=""></el-input>
+ </el-form-item>
+ <el-form-item label="鏃у瘑鐮�:">
+ <el-input v-model="editForm.oldPassword" prefix-icon="iconfont icon-3702mima" type="password" show-password placeholder="璇疯緭鍏ユ棫瀵嗙爜"></el-input>
+ </el-form-item>
+ <el-form-item label="鏂板瘑鐮�:">
+ <el-input v-model="editForm.password" prefix-icon="iconfont icon-3702mima" type="password" show-password placeholder="璇疯緭鍏ユ柊瀵嗙爜"></el-input>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ <el-button type="primary" @click="subEdit()">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <!-- 娣诲姞绠＄悊鍛樺璇濇 -->
+ <el-dialog
+ title="娣诲姞鏅�氱鐞嗗憳"
+ :visible.sync="addDialogVisible"
+ width="50%"
+ @close="addClose">
+ <!-- rules琛ㄥ崟楠岃瘉瑙勫垯锛宺ef褰撳墠琛ㄥ崟鐨勯獙璇佸璞� -->
+ <el-form ref="addFormRef" :model="addForm" label-width="80px" status-icon>
+ <el-form-item label="鐢ㄦ埛鍚�:">
+ <el-input v-model="addForm.username" prefix-icon="iconfont icon-user" placeholder="璇疯緭鍏ヨ处鍙�" clearable=""></el-input>
+ </el-form-item>
+ <el-form-item label="瀵嗙爜:">
+ <el-input v-model="addForm.password" prefix-icon="iconfont icon-3702mima" type="password" show-password placeholder="璇疯緭鍏ュ瘑鐮�"></el-input>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="canceladd">鍙� 娑�</el-button>
+ <el-button type="primary" @click="addEdit()">娉� 鍐�</el-button>
+ </span>
+ </el-dialog>
</div>
</template>
<script>
-import { getmain,editAccount } from '../../api/api'
+import { getmain,editAccount,deleteAd,addAd } from '../../api/api'
export default {
data() {
return {
tableData:[], //鏅�氱鐞嗗憳鍒楄〃
+ editDialogVisible:false,
+ addDialogVisible:false,
+ editForm:{ username:'',oldPassword:'',password:'' }, //淇敼琛ㄥ崟瀵硅薄
+ addForm:{ username:'',password:'' } //娣诲姞绠＄悊瀵硅薄
}
},
created(){
this.ready()
},
methods:{
+ //鑾峰彇閾虹鍒楄〃
ready(){
getmain().then(res => {
- console.log(res);
+ // console.log(res);
if(res.code == 200){
this.tableData = res.data
}
})
+ },
+ //灞曠ず缂栬緫瀵硅瘽妗�
+ showEditDialog(){
+ this.editDialogVisible = true
+ },
+ editClose(){
+ this.editForm.username = '';
+ this.editForm.oldPassword = '';
+ this.editForm.password = '';
+ },
+ cancel(){
+ this.editForm.username = '';
+ this.editForm.oldPassword = '';
+ this.editForm.password = '';
+ this.editDialogVisible = false
+ },
+ //缂栬緫纭畾浜嬩欢
+ subEdit(){
+ const data = {
+ username:this.editForm.username,
+ oldPassword:this.editForm.oldPassword,
+ password:this.editForm.password
+ }
+ editAccount(data).then(res => {
+ // console.log(res);
+ if(res.code == 200){
+ this.$message.success('璐︽埛淇敼鎴愬姛')
+ this.editDialogVisible = false
+ this.ready()
+ }else{
+ this.$message.error('璐︽埛淇敼澶辫触')
+ }
+ })
+ },
+ //鍒犻櫎鏅�氱鐞嗗憳
+ async deleteAds(id){
+ // console.log(id);
+ const res = await this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ョ鐞嗚处鍙�, 鏄惁缁х画?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).catch(err => {
+ return err
+ })
+ //濡傛灉鐢ㄦ埛鐐瑰嚮纭畾鍒欒繑鍥瀋onfirm
+ //濡傛灉鐢ㄦ埛鐐瑰嚮鍙栨秷鍒欒繑鍥瀋ancel
+ console.log(res);
+ if(res !== 'confirm'){
+ return this.$message.info('宸插彇娑堝垹闄')
+ }else{
+ // console.log(id);
+ const data = {
+ id:id
+ }
+ //鍙傛暟data 瑕佷互瀵硅薄鐨勫舰寮忎紶鍏�
+ deleteAd(data).then(res => {
+ // console.log('>>>'+res);
+ if(res.code == 200){
+ this.$message.success('鍒犻櫎鎴愬姛锛�')
+ this.ready()
+ }else{
+ return this.$message.error('鍒犻櫎澶辫触锛�')
+ }
+ })
+ }
+ },
+ add(){
+ this.addDialogVisible = true
+ },
+ //娉ㄥ唽鍙栨秷娓呯┖
+ canceladd(){
+ this.addForm.username = '';
+ this.addForm.password = '';
+ this.addDialogVisible = false
+ },
+ addClose(){
+ this.addForm.username = '';
+ this.addForm.password = '';
+ },
+ //娉ㄥ唽鎻愪氦
+ addEdit(){
+ const data = {
+ username:this.addForm.username,
+ password:this.addForm.password
+ }
+ addAd(data).then(res => {
+ if(res.code == 200){
+ this.$message.success('娉ㄥ唽鎴愬姛')
+ this.addDialogVisible = false
+ this.ready()
+ }else{
+ this.$message.error('娉ㄥ唽澶辫触')
+ }
+ })
+
}
}
}
</script>
<style lang="less" scoped>
+.add{
+ margin-bottom: 10px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0