From c2a57234b5c699cbe12e4bdc6008b3a4be2eb6fd Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期一, 13 五月 2024 18:44:43 +0800
Subject: [PATCH] 视频分类完善
---
src/views/onlineStudy/video/type.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 48 insertions(+), 11 deletions(-)
diff --git a/src/views/onlineStudy/video/type.vue b/src/views/onlineStudy/video/type.vue
index d58c777..ac9128f 100644
--- a/src/views/onlineStudy/video/type.vue
+++ b/src/views/onlineStudy/video/type.vue
@@ -3,7 +3,7 @@
<div class="search">
<el-form :inline="true" :model="searchForm" class="demo-form-inline">
<el-form-item label="鍒嗙被鍚嶇О">
- <el-input v-model="searchForm.typeName" size="small" placeholder="鍒嗙被鍚嶇О"></el-input>
+ <el-input v-model="searchForm.typeName" size="small" placeholder="鍒嗙被鍚嶇О" clearable @clear="page"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="page" size="small">鏌ヨ</el-button>
@@ -35,28 +35,34 @@
label="鎿嶄綔"
width="140">
<template slot-scope="scope">
- <el-button @click="handleUpdate(scope.row)" type="text" size="small">淇敼</el-button>
- <el-button type="text" size="small">鍒犻櫎</el-button>
+ <el-button @click="handleUpdate(scope.row)" type="primary" size="small" style="margin-right: 5px">淇敼</el-button>
+
+ <el-popconfirm
+ :title="getTitle(scope.row.typeName)"
+ @confirm="remove(scope.row.id)"
+ >
+ <el-button slot="reference" type="danger" size="small">鍒犻櫎</el-button>
+ </el-popconfirm>
</template>
</el-table-column>
</el-table>
<el-dialog
- title="鎻愮ず"
+ title="娣诲姞瑙嗛鍒嗙被"
:visible.sync="open"
- width="300"
+ width="300px"
:before-close="handleClose">
- <el-form label-position="top" label-width="80px" :rules="rules" :model="form">
+ <el-form label-position="top" label-width="80px" ref="form" :rules="rules" :model="form">
<el-form-item label="鍒嗙被鍚嶇О" prop="typeName">
<el-input v-model="form.typeName"></el-input>
</el-form-item>
<el-form-item label="鎺掑簭鍊�" prop="orderNum">
- <el-input v-model="form.orderNum" type="number" placeholder=""鎺掑簭鍊�></el-input>
+ <el-input v-model="form.orderNum" type="number" placeholder="鎺掑簭鍊�"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="open = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="handlerSubmit">纭� 瀹�</el-button>
+ <el-button type="primary" @click="handlerSubmit">娣� 鍔�</el-button>
</span>
</el-dialog>
</div>
@@ -74,10 +80,10 @@
typeName: ''
},
tableData: [],
+ open: false,
form: {
typeName: '',
- orderNum: null,
- open: false
+ orderNum: null
},
rules: {
typeName: [
@@ -91,8 +97,38 @@
}
},
methods: {
+ remove (id) {
+ VideoTypeAPI.remove(id).then(res => {
+ if (res.code === 1) {
+ this.$message.success('鍒犻櫎鎴愬姛')
+ }
+ })
+ },
+ getTitle (typeName) {
+ return '纭畾瑕佸垹闄�' + typeName + '杩欎釜鍒嗙被鍚楋紵'
+ },
handlerSubmit () {
-
+ this.$refs['form'].validate((valid) => {
+ if (valid) {
+ if (this.form.id) {
+ VideoTypeAPI.update(this.form).then(res => {
+ if (res.code === 1) {
+ this.$message.success('淇敼鎴愬姛')
+ this.open = false
+ this.page()
+ }
+ })
+ } else {
+ VideoTypeAPI.add(this.form).then(res => {
+ if (res.code === 1) {
+ this.$message.success('娣诲姞鎴愬姛')
+ this.open = false
+ this.page()
+ }
+ })
+ }
+ }
+ })
},
handleClose () {
this.open = false
@@ -111,6 +147,7 @@
handleUpdate (row) {
this.form.typeName = row.typeName
this.form.orderNum = row.orderNum
+ this.form.id = row.id
this.open = true
}
},
--
Gitblit v1.8.0