From 54d166e290ae2a0042002ddb4684b51e4bd207d9 Mon Sep 17 00:00:00 2001
From: heimawl <1785969728@qq.com>
Date: 星期三, 05 七月 2023 16:55:04 +0800
Subject: [PATCH] 11
---
src/views/knowledge/education/index.vue | 124 +++++++++++++++++++++++++++++++++++------
1 files changed, 105 insertions(+), 19 deletions(-)
diff --git a/src/views/knowledge/education/index.vue b/src/views/knowledge/education/index.vue
index c837000..6623dde 100644
--- a/src/views/knowledge/education/index.vue
+++ b/src/views/knowledge/education/index.vue
@@ -25,12 +25,29 @@
<el-tab-pane :label="`鍏ㄩ儴 (${numberlb})`"></el-tab-pane>
<el-tab-pane
class="tab-paness"
- :key="item.name"
+ :key="item.title"
v-for="(item, index) in editableTabs"
- :label="item.title + ' (' + item.number + ')'"
- ></el-tab-pane>
-
- <el-tab-pane :label="`鏈垎缁�(${numberlbs})`"></el-tab-pane>
+ >
+ <span slot="label">
+ {{
+ item.title + " (" + item.number + ")"
+ }}   <el-popover
+ placement="top-start"
+ width="100"
+ trigger="hover"
+ >
+ <div style="text-align: center">
+ <el-button type="text" @click="popoveramend(item)"
+ >淇敼</el-button
+ ><el-button type="text" @click="deletefenlei(item)"
+ ><span style="color: rgb(173, 55, 55)"
+ >鍒犻櫎</span
+ ></el-button
+ >
+ </div>
+ <i slot="reference" class="el-icon-share"></i> </el-popover
+ ></span>
+ </el-tab-pane>
</el-tabs>
</div>
</div>
@@ -120,7 +137,7 @@
>
</el-form-item>
</el-form>
-
+ <el-divider></el-divider>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
@@ -157,7 +174,7 @@
<el-table
v-loading="loading"
:data="userList"
- border="true"
+ border
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="50" align="center" />
@@ -366,16 +383,39 @@
</div>
</div>
<!-- 娣诲姞绫诲埆寮规 -->
- <el-dialog width="30%" :visible.sync="dialogFormVisible">
- <el-form :model="sidecolumnform">
- <el-form-item label="璇疯緭鍏ョ被鍒悕绉�">
- <el-input v-model="form.name" autocomplete="off"></el-input>
+ <el-dialog
+ :title="amendtag ? '淇敼绫诲埆' : '鏂板绫诲埆'"
+ width="30%"
+ :visible.sync="dialogFormVisible"
+ >
+ <el-form :model="classifyform">
+ <el-form-item
+ :label="amendtag ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'"
+ >
+ <el-input
+ v-model="classifyform.categoryname"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">鍙� 娑�</el-button>
<el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button>
</div>
+ </el-dialog>
+ <!-- 鍒犻櫎绫诲埆纭妗� -->
+ <el-dialog title="璀﹀憡" :visible.sync="deleteVisible" width="40%">
+ <div style="font-size: 20px; color: rgb(247, 76, 76)">
+ 鏄惁纭鍒犻櫎鍒嗙被锛歔<span>{{ deletefenl }}</span
+ >]?
+ </div>
+ <div style="font-size: 20px">
+ 姝ゆ搷浣滀細灏嗚绫诲埆涓嬫墍鏈夋ā鍧楄浆绉昏嚦[鏈垎绫籡锛屾槸鍚︾户缁垹闄ゆ鍒嗙被锛�
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="deleteVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="deletefenlei">纭� 瀹�</el-button>
+ </span>
</el-dialog>
<!-- 浜岀淮鐮佸睍绀哄脊妗� -->
<el-dialog width="30%" :visible.sync="goQRCodeVisible">
@@ -390,13 +430,7 @@
</template>
<script>
-import {
- listUser,
- getUser,
- delUser,
- addUser,
- updateUser,
-} from "@/api/system/user";
+import { listUser, delUser, addUser, updateUser } from "@/api/system/user";
import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@@ -448,10 +482,17 @@
numberlb: 22,
numberlbs: 2,
sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟
- dialogFormVisible: false, //娣诲姞绫诲埆寮规
goQRCodeVisible: false, //浜岀淮鐮佸脊妗�
sidecolumnval: "", //绫诲埆鎼滅储
propss: { multiple: true },
+ idds: "",
+ amendtag: false, //鏄惁淇敼绫诲埆
+ dialogFormVisible: false, //淇敼娣诲姞绫诲埆寮规
+ deleteVisible: false, //鍒嗙被鍒犻櫎寮规
+ deletefenl: "楂樿鍘�", //鍒犻櫎椤�
+ classifyform: {
+ categoryname: "",
+ }, //绫诲埆琛ㄥ崟
optionss: [
{
value: 1,
@@ -598,6 +639,51 @@
submitsidecolumn() {
this.dialogFormVisible = false;
},
+ // 淇敼鍒嗙被寮规
+ popoveramend(tagcategoryid) {
+ this.idds = tagcategoryid;
+ this.amendtag = true;
+ this.dialogFormVisible = true;
+ },
+ // 娣诲姞銆佷慨鏀圭被鍒�
+ submitsidecolumn() {
+ if (this.amendtag) {
+ this.classifyform.tagcategoryid = this.idds;
+ // toamendtagcategory(this.addDateRange(this.classifyform)).then(
+ // (response) => {
+ // console.log(response);
+ // this.gitclasify();
+ // }
+ // );
+ } else {
+ // addtagcategory(this.addDateRange(this.classifyform)).then(
+ // (response) => {
+ // console.log(response);
+ // this.gitclasify();
+ // }
+ // );
+ }
+ this.classifyform = {
+ categoryname: "",
+ };
+ this.idds = "";
+ this.dialogFormVisible = false;
+ },
+ //鍒犻櫎鍒嗙被
+ deletefenlei(row) {
+ if (this.deleteVisible) {
+ // deletetagcategory(this.idds).then((response) => {
+ // console.log(response);
+ // this.gitclasify();
+ // });
+ this.deleteVisible = false;
+ this.idds = "";
+ } else {
+ this.deleteVisible = true;
+ this.idds = row.tagcategoryid;
+ this.deletefenl = row.title;
+ }
+ },
//鎼滅储绫诲埆
sidecolumnss() {},
// 鍒囨崲鍏变韩/鏈湴
--
Gitblit v1.9.3