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 ++++++++++++++++++++++++-----
src/views/user/student/list.vue | 10 ++--
src/views/user/tag/list.vue | 8 ++--
src/router.js | 4 +-
4 files changed, 59 insertions(+), 22 deletions(-)
diff --git a/src/router.js b/src/router.js
index 3648bfa..6fb3e17 100644
--- a/src/router.js
+++ b/src/router.js
@@ -75,7 +75,7 @@
path: 'tag/list',
component: () => import('@/views/user/tag/list'),
name: 'TagAdminPageList',
- meta: { title: '鏍囩鍒楄〃', noCache: true }
+ meta: { title: '瀛︾敓鏍囩', noCache: true }
},
{
path: 'tag/edit',
@@ -100,7 +100,7 @@
component: () => import('@/views/onlineStudy/video/type'),
name: 'VideoType',
meta: {
- title: '瑙嗛鍒嗙被'
+ title: '瑙嗛鍒嗙被', noCache: true
}
}
]
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
}
},
diff --git a/src/views/user/student/list.vue b/src/views/user/student/list.vue
index 13c9545..94b1815 100644
--- a/src/views/user/student/list.vue
+++ b/src/views/user/student/list.vue
@@ -2,11 +2,11 @@
<div class="app-container">
<el-form :model="queryParam" ref="queryForm" :inline="true">
<el-form-item label="鐪熷疄濮撳悕锛�">
- <el-input v-model="queryParam.userName"></el-input>
+ <el-input v-model="queryParam.userName" size="small" clearable></el-input>
</el-form-item>
<el-form-item >
<div style="display: flex">
- <el-button type="primary" @click="submitForm">鏌ヨ</el-button>
+ <el-button type="primary" @click="submitForm" size="small">鏌ヨ</el-button>
<router-link :to="{path:'/user/student/edit'}" class="link-left">
<el-button type="primary">娣诲姞</el-button>
</router-link>
@@ -28,7 +28,7 @@
<el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
<el-table-column prop="userName" label="鐢ㄦ埛鍚�"/>
- <el-table-column prop="realName" label="鐪熷疄濮撳悕" />
+ <el-table-column prop="realName" label="鐪熷疄濮撳悕" width="150"/>
<el-table-column prop="deptNames" label="閮ㄩ棬" />
<el-table-column label="鏍囩" prop="tagNames" width="80px">
<template slot-scope="{row}">
@@ -42,7 +42,7 @@
</el-table-column>
<el-table-column prop="conditionDetail" label="鍏蜂綋鎯呭喌" show-overflow-tooltip="true"/>
<el-table-column prop="sex" label="鎬у埆" width="60px;" :formatter="sexFormatter"/>
- <el-table-column prop="phone" label="鎵嬫満鍙�"/>
+ <el-table-column prop="phone" label="鎵嬫満鍙�" width="120"/>
<el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="160px"/>
<el-table-column label="鐘舵��" prop="status" width="70px">
<template slot-scope="{row}">
@@ -51,7 +51,7 @@
</el-tag>
</template>
</el-table-column>
- <el-table-column width="400px" label="鎿嶄綔" align="center">
+ <el-table-column width="400px" label="鎿嶄綔" fixed="right" align="center">
<template slot-scope="{row}">
<el-button size="mini" @click="changeStatus(row)" class="link-left">
{{ statusBtnFormatter(row.status) }}
diff --git a/src/views/user/tag/list.vue b/src/views/user/tag/list.vue
index 1968043..6e6bbdb 100644
--- a/src/views/user/tag/list.vue
+++ b/src/views/user/tag/list.vue
@@ -2,11 +2,11 @@
<div class="app-container">
<el-form :model="queryParam" ref="queryForm" :inline="true">
<el-form-item label="鏍囩鍚嶏細">
- <el-input v-model="queryParam.name"></el-input>
+ <el-input v-model="queryParam.name" clearable></el-input>
</el-form-item>
<el-form-item>
<div style="display: flex">
- <el-button type="primary" @click="submitForm">鏌ヨ</el-button>
+ <el-button type="primary" size="small" @click="submitForm">鏌ヨ</el-button>
<router-link :to="{ path: '/user/tag/edit' }" class="link-left">
<el-button type="primary">娣诲姞</el-button>
</router-link>
@@ -19,9 +19,9 @@
<el-table-column width="270px" label="鎿嶄綔" align="center">
<template slot-scope="{row}">
<router-link :to="{ path: '/user/tag/edit', query: { id: row.id } }" class="link-left">
- <el-button size="mini">缂栬緫</el-button>
+ <el-button size="small" type="primary">缂栬緫</el-button>
</router-link>
- <el-button size="mini" type="danger" @click="deleteUser(row)" class="link-left">鍒犻櫎</el-button>
+ <el-button size="small" type="danger" @click="deleteUser(row)" class="link-left">鍒犻櫎</el-button>
</template>
</el-table-column>
</el-table>
--
Gitblit v1.8.0