zm/nuttyreading-master-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

课程标签

Browse Source
This commit is contained in:
始于初见
2024-05-21 11:28:20 +08:00
parent 98c76f868e
commit 86b1851fcc
9 changed files with 1278 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/components/commonBookTags/commonTags.vue
View File

@@ -129,7 +129,7 @@ import debounce from "lodash/debounce"; //导入lodash中的debounce
import commonTree from "./tags.vue";
import commonTreeMarket from "./tags.vue";
export default {
props: ["currentType", "currentId"],
props: ["currentType", "currentId","axiosType"],
data() {
return {
productId: null,
@@ -440,7 +440,8 @@ export default {
type: "warning",
}
).then(() => {
this.$http({
if(this.axiosType=='raw'){
this.$http({
url: this.$http.adornUrl("/book/shopproduct/delete"),
method: "post",
data: this.$http.adornData(ids, false),
@@ -458,6 +459,27 @@ export default {
this.$message.error(data.msg);
}
});
}else{
this.$http({
url: this.$http.adornUrl("/book/shopproduct/delete"),
method: "post",
data: this.$http.adornData(ids, false),
}).then(({ data }) => {
if (data && data.code === 0) {
this.$message({
message: "操作成功",
type: "success",
duration: 1500,
onClose: () => {
this.getDataList();
},
});
} else {
this.$message.error(data.msg);
}
});
}
});
},
SwitchChange(event) {

34
src/views/components/commonBookTags/shopproduct.vue
View File

@@ -166,7 +166,10 @@ export default {
"isEdit",
"currentId",
"currentType",
"isNoSearch"
"isNoSearch",
"isNoPaging",
"axiosType",
"otherInfo",
],
data() {
return {
@@ -319,7 +322,30 @@ export default {
this.dataListLoading = true;
if (this.defaultForm.httpType == "raw") {
if (this.axiosType == "raw") {
this.$http
.request({
url: this.$http.adornUrl(`${this.urlList.getAssociatedGoodsList}`),
method: "POST",
data: {
...form
},
header: {
//默认 无 说明：请求头
"Content-Type": "application/json"
}
})
.then(async ({ data }) => {
console.log('data at line 338:', data)
if (data && data.code === 0) {
this.associatedGoodsList = [...data[this.otherInfo.httpDataValueName]];
this.dataListLoading = false;
}
});
}
else if (this.defaultForm.httpType == "raw") {
this.$http
.request({
url: this.$http.adornUrl(`${this.urlList.hasBindProductList}`),
@@ -339,7 +365,9 @@ export default {
this.dataListLoading = false;
}
});
} else {
}
else {
await this.$http({
url: this.$http.adornUrl(`${this.urlList.getAssociatedGoodsList}`),
method: "post",

11
src/views/components/commonBookTags/shopproductTable.vue
View File

@@ -113,12 +113,13 @@
export default {
props: [
"defaultForm",
"otherInfo",
"marketIdKey",
"currentType",
"currentId",
"title",
"isNoModal",
"urlList"
"urlList",
],
data() {
return {
@@ -245,7 +246,7 @@ export default {
// }
this.dataListLoading = true;
this.clear();
if (this.defaultForm.httpType == "raw") {
if (this.defaultForm.httpType == "raw"||this.otherInfo.httpType == "raw") {
form.page = this.pageIndex;
this.$http
.request({
@@ -272,7 +273,11 @@ export default {
// }, 200);
this.dataListLoading = false;
});
} else {
}
else {
form.current = this.pageIndex;
await this.$http({
url: this.$http.adornUrl(this.urlList.getNotToLabelList),

294
src/views/components/commonBookTags/tags.vue
View File

@@ -1,13 +1,21 @@
<template>
<div class="tree_box">
<div style="overflow: hidden" v-if="source == 'tags'">
<p class="info_bg" style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
<p
class="info_bg"
style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
>
当前标签：<span style="color: #17b3a3; font-weight: 600">{{
currentNode ? currentNode.data.title : ""
}}</span>
currentNode ? currentNode.data.title : ""
}}</span>
</p>
<el-button type="primary" @click="addOrUpdateHandle()" style="float: right" size="mini">新增顶级标签</el-button>
<el-button
type="primary"
@click="addOrUpdateHandle()"
style="float: right"
size="mini"
>新增顶级标签</el-button
>
</div>
<!-- <p v-if="source == 'shop'" class="select_box" style="">
<el-checkbox
@@ -26,24 +34,48 @@
<!-- show-checkbox -->
<!-- :allow-drop="allowDrop" -->
<div class="custom-tree-container">
<el-tree :highlight-current="true" class="filter-tree" node-key="id" :data="treeDataList" :props="defaultProps"
default-expand-all :filter-node-method="filterNode" ref="tree" :draggable="true" @node-click="handleNodeClick"
:expand-on-click-node="false">
<el-tree
:highlight-current="true"
class="filter-tree"
node-key="id"
:data="treeDataList"
:props="defaultProps"
default-expand-all
:filter-node-method="filterNode"
ref="tree"
:draggable="true"
@node-click="handleNodeClick"
:expand-on-click-node="false"
>
<!-- @click="handleClickNodes(node, data)" -->
<span class="custom-tree-node" slot-scope="{ node, data }" @click="
source == 'tags'
? handleClickNodes(node, data, 'edit')
: ''
" :class="`${currentNode&&currentNode.data.id==data.id?'isSelect':''}`" style=" padding-left: 5px;
box-sizing: border-box;">
<span
class="custom-tree-node"
slot-scope="{ node, data }"
@click="source == 'tags' ? handleClickNodes(node, data, 'edit') : ''"
:class="
`${currentNode && currentNode.data.id == data.id ? 'isSelect' : ''}`
"
style=" padding-left: 5px;
box-sizing: border-box;"
>
<!-- @change="(e) => selectShop(data, e)" -->
<span style="display: flex; align-items: center" ><el-checkbox @change=" selectShop(data)"
:value="selectArr.includes(data.id)" v-if="data.isLast == 1 && source == 'shop'"
style="margin-right: 10px"></el-checkbox>{{ node.label }}</span>
<span style="display: flex; align-items: center"
><el-checkbox
@change="selectShop(data)"
:value="selectArr.includes(data.id)"
v-if="data.isLast == 1 && source == 'shop'"
style="margin-right: 10px"
></el-checkbox
>{{ node.label }}</span
>
<span v-if="source == 'tags'">
<!-- v-if="node.level <= 1" -->
<el-button type="text" size="mini" @click.stop="handleClickNodes(node, data, 'addChildren')"
v-if="data.isLast != 1">
<el-button
type="text"
size="mini"
@click.stop="handleClickNodes(node, data, 'addChildren')"
v-if="data.isLast != 1"
>
添加下级
</el-button>
<!-- <el-button
@@ -55,7 +87,12 @@
</el-button> -->
<!-- v-if="node.childNodes.length == 0" -->
<el-button type="text" size="mini" @click.stop="remove(data)" style="color: rgb(235 92 92);">
<el-button
type="text"
size="mini"
@click.stop="remove(data)"
style="color: rgb(235 92 92);"
>
删除
</el-button>
</span>
@@ -69,7 +106,15 @@
// import dialogComponent from './seckillprodrelation'
import debounce from "lodash/debounce"; //导入lodash中的debounce
export default {
props: ["dataList", "urlList", "source", "productId", 'sourceType'],
props: [
"dataList",
"urlList",
"source",
"productId",
"sourceType",
"axiosType",
"axiosResultKey"
],
data() {
return {
currentNode: null,
@@ -78,8 +123,8 @@ export default {
selectArr: [],
defaultProps: {
children: "children",
label: "title",
},
label: "title"
}
};
},
components: {},
@@ -91,13 +136,13 @@ export default {
handler(newVal, oldVal) {
// this.$emit('changeCurrentNode',this.currentNode)
},
deep: true
deep: true
},
filterText(val) {
this.$refs.tree.filter(val);
},
}
},
activated() {
console.log("🚀 ~ activated ~ this.currentNode:", this.currentNode, "9999");
@@ -128,17 +173,17 @@ export default {
limit: 99999999,
// productName: "",
productId: this.productId,
...form,
...form
// bookLabelId: bookLabelId,
}),
})
}).then(async ({ data }) => {
if (data && data.code === 0) {
if (idType == "bookLabelId") {
this.selectArr = data.result.records.map((e) => {
this.selectArr = data.result.records.map(e => {
return e.bookLabelId;
});
} else if (idType == "bookMarketId") {
this.selectArr = data.result.records.map((e) => {
this.selectArr = data.result.records.map(e => {
return e.bookMarketId;
});
}
@@ -179,7 +224,7 @@ export default {
}
this.$forceUpdate();
},
selectShop: debounce(async function (v, status) {
selectShop: debounce(async function(v, status) {
console.log("🚀 ~ selectShop ~ status:", status);
// if (this.selectArr.includes(v.id)) {
@@ -209,25 +254,28 @@ export default {
// this.$forceUpdate();
// },
async setCurrentNodeShow(id) {
console.log("🚀 ~ setCurrentNodeShow ~ id222:", id, this.currentNode)
console.log("🚀 ~ setCurrentNodeShow ~ id222:", id, this.currentNode);
var newNodeData = {}
var newNodeData = {};
if (id) {
newNodeData = await this.$refs.tree.getNode(id);
} else {
newNodeData = {
data: {}
}
};
}
this.currentNode = newNodeData;
this.currentNode = newNodeData;
this.$forceUpdate();
this.$nextTick(() => {
this.$refs.tree.setCurrentKey(id);
this.$refs.tree.setCheckedKeys([id]);
})
await this.$emit("handleClickNodes", newNodeData, newNodeData.data, "edit");
});
await this.$emit(
"handleClickNodes",
newNodeData,
newNodeData.data,
"edit"
);
},
allowDrop(draggingNode, dropNode, type) {
console.log(draggingNode.level, dropNode.level);
@@ -242,7 +290,7 @@ export default {
async correlationShop(bookLabelId) {
var status;
var productId = this.$refs.commonShop.multipleSelection.map(
(e) => e.productId
e => e.productId
);
console.log("🚀 ~ correlationShop ~ productId:", productId);
await this.$http({
@@ -250,8 +298,8 @@ export default {
method: "post",
data: this.$http.adornData({
productId: productId.toString(","),
bookLabelId: bookLabelId,
}),
bookLabelId: bookLabelId
})
}).then(async ({ data }) => {
if (data && data.code === 0) {
status = true;
@@ -263,23 +311,30 @@ export default {
return status;
},
//新增修改
dataFormSubmit: debounce(async function (formName) {
dataFormSubmit: debounce(async function(formName) {
// return false
if (this.addForm.title == "") {
this.$message.error("请输入标签名称");
return false;
}
await this.$refs[formName].validate(async (valid) => {
await this.$refs[formName].validate(async valid => {
if (valid) {
await this.$http({
url: this.$http.adornUrl(`${this.urlList.add}`),
method: "post",
data: this.$http.adornData({
...this.addForm,
}),
...this.addForm
})
}).then(async ({ data }) => {
console.log('data at line 328:', data)
if (data && data.code === 0) {
var status = await this.correlationShop(data.result.id);
if(this.axiosResultKey){
console.log('at line 331:',data[this.axiosResultKey] )
}
var status = await this.correlationShop(
data[this.axiosResultKey ? this.axiosResultKey : "result"].id
);
if (status) {
await this.getDataList();
var newNodeData = await this.$refs.tree.getNode(data.result.id);
@@ -305,7 +360,7 @@ export default {
// this.addForm={}
// this.$emit("refreshDataList");
},
}
});
}
} else {
@@ -324,14 +379,19 @@ export default {
this.isFresh = true;
},
async handleClickNodes(node, data, type) {
console.log("🚀 ~ handleClickNodes11111 ~ node, data, type:", node, data, type)
console.log(
"🚀 ~ handleClickNodes11111 ~ node, data, type:",
node,
data,
type
);
this.addForm = {};
// console.log(this.$refs.tree.handleClickNodes(), "当前选中节点");
console.log(node, data, "当前选中节点");
this.currentNode = node;
this.isFresh = false;
this.isFresh = true;
this.$forceUpdate()
this.$forceUpdate();
var form = {};
if (this.source == "shop") {
@@ -351,7 +411,7 @@ export default {
isLast: 0,
pid: data.id,
sort: 0,
title: "",
title: ""
};
break;
}
@@ -371,14 +431,13 @@ export default {
}
},
addOrUpdateHandle() {
var addform = {
children: [],
delFlag: 0,
isLast: 0,
pid: 0,
sort: 0,
title: "",
title: ""
};
this.handleClickNodes({ data: addform }, addform, "add");
// if (!this.currentNode) {
@@ -392,37 +451,74 @@ export default {
this.$confirm(`是否删除标签【${data.title}】？`, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
type: "warning"
})
.then(async () => {
if (this.axiosType == "raw") {
this.$http
.request({
url: this.$http.adornUrl(this.urlList.delete),
method: "POST",
data: {
id: data.id
},
header: {
//默认 无 说明：请求头
"Content-Type": "application/json"
}
})
.then(async ({ data }) => {
if (data && data.code === 0) {
that.$message({
type: "success",
message: "删除成功!"
});
} else {
this.$message.error(data.msg);
return false;
}
that.$http({
url: that.$http.adornUrl(`${that.urlList.delete}?id=` + data.id),
method: "post",
data: {},
}).then(async ({ data }) => {
if (data && data.code === 0) {
that.$message({
type: "success",
message: "删除成功!",
});
that.currentNode = null;
that.isFresh = false;
that.addForm = {};
that.$nextTick(() => {
that.isFresh = true;
});
await that.addOrUpdateHandle();
// this.expandedkey = [node.parent.data.catId]
});
} else {
this.$message.error(data.msg);
return false
that
.$http({
url: that.$http.adornUrl(
`${that.urlList.delete}?id=` + data.id
),
method: "post",
data: {}
})
.then(async ({ data }) => {
if (data && data.code === 0) {
that.$message({
type: "success",
message: "删除成功!"
});
} else {
this.$message.error(data.msg);
return false;
}
that.currentNode = null;
that.isFresh = false;
that.addForm = {};
that.$nextTick(() => {
that.isFresh = true;
});
await that.addOrUpdateHandle();
// this.expandedkey = [node.parent.data.catId]
});
}
that.currentNode = null;
that.isFresh = false;
that.addForm = {};
that.$nextTick(() => {
that.isFresh = true;
});
await that.addOrUpdateHandle();
// this.expandedkey = [node.parent.data.catId]
});
})
.catch(() => { });
.catch(() => {});
},
filterNode(value, data) {
if (!value) return true;
@@ -522,10 +618,10 @@ export default {
const children = parent.data.nodes || parent.data;
//若parent.data是对象，操作的是子级；如果是数组，操作的是最外层
if (Array.isArray(parent.data)) {
const parentIndex = parent.data.findIndex((d) => d.id === data.id);
const parentIndex = parent.data.findIndex(d => d.id === data.id);
parent.data.splice(parentIndex, 1);
} else {
const childIndex = children.findIndex((d) => d.id === data.id);
const childIndex = children.findIndex(d => d.id === data.id);
children.splice(childIndex, 1);
}
this.curNode = undefined;
@@ -546,7 +642,7 @@ export default {
return;
}
let id = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>
let id = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
(
c ^
(crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
@@ -558,7 +654,7 @@ export default {
nodes: [],
id: id,
typeName: "模板组",
temporaryData: "1", //用来区分临时数据
temporaryData: "1" //用来区分临时数据
};
/* 如果模版深度最多两层，以下条件改成该部分注释
this.curNode && this.curNode.depth == 1
@@ -658,7 +754,7 @@ export default {
this.isUpdateGroup = false;
const parent = node.parent;
const children = parent.data.nodes || parent.data;
const index = children.findIndex((d) => d.id === data.id);
const index = children.findIndex(d => d.id === data.id);
let temp = data;
temp.text = this.isactTitle;
children.splice(index, 1, temp);
@@ -678,7 +774,7 @@ export default {
this.dataListLoading = true;
await this.$http({
url: this.$http.adornUrl("/book/labelAndMarket/labelTree"),
method: "get",
method: "get"
// params: this.$http.adornParams({
// 'page': this.pageIndex,
// 'limit': this.pageSize,
@@ -710,7 +806,7 @@ export default {
// 多选
selectionChangeHandle(val) {
this.dataListSelections = val;
},
}
// // 新增 / 修改
// addOrUpdateHandle(row) {
// this.addOrUpdateVisible = true;
@@ -718,26 +814,31 @@ export default {
// this.$refs.addOrUpdate.init(row);
// });
// },
},
}
};
</script>
<style lang="less" scoped>
/deep/ .filter-tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
/deep/
.filter-tree
.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
// 设置颜色
// background-color: #baf !important;
}
/deep/ .filter-tree .el-tree-node:focus>.el-tree-node__content {
/deep/ .filter-tree .el-tree-node:focus > .el-tree-node__content {
background-color: transparent !important;
// color: #17b3a3 !important;
}
/deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
/deep/.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
background-color: transparent !important;
// color: #17b3a3 !important;
}
/deep/.filter-tree .el-tree-node__content .el-button {
display: inline-block !important;
}
@@ -812,7 +913,7 @@ export default {
}
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
background-color: #eaebed;
color: #4796ec;
font-weight: bold;
@@ -920,9 +1021,8 @@ p {
.el-tree-node__content:active {
background-color: unset;
}
.isSelect{
/* 自定义角度渐变 */
background-image: linear-gradient(-45deg, #fff, #b0f3ec);
.isSelect {
/* 自定义角度渐变 */
background-image: linear-gradient(-45deg, #fff, #b0f3ec);
}
</style>
</style>