Skip to content

C
CRM
Commit 80aaf3aa authored by lei's avatar lei
Browse files
Options

fix:权重

parent 3ec57629
Show whitespace changes
Inline Side-by-side
Showing with 569 additions and 466 deletions
src/api/user.js
View file @ 80aaf3aa
...@@ -2,7 +2,7 @@ import request from '@/utils/request' ...@@ -2,7 +2,7 @@ import request from '@/utils/request'
// 获取信息分类数据 // 获取信息分类数据
export function getAllCategory(params) { export function getAllCategory(params) {
return request({ return request({
url: '/api/informationClass/findAllInformationClass', url: '/api/informationClass/findInformationClassByPidTree',
method: 'get', method: 'get',
params params
}) })
...@@ -12,7 +12,7 @@ export function addAssignWeight(data) { ...@@ -12,7 +12,7 @@ export function addAssignWeight(data) {
return request({ return request({
url: '/api/tabAssignWeight/insertWeight', url: '/api/tabAssignWeight/insertWeight',
method: 'post', method: 'post',
data, data
}) })
} }
export function showAssignWeight(params) { export function showAssignWeight(params) {
......
src/views/class/Classification.vue
View file @ 80aaf3aa
...@@ -23,9 +23,10 @@ ...@@ -23,9 +23,10 @@
placeholder="请选择类别" placeholder="请选择类别"
/> --> /> -->
<!-- <el-button size="mini" type="primary" icon="el-icon-search" @click="toSearch()" class="searchbtn">搜索</el-button> --> <!-- <el-button size="mini" type="primary" icon="el-icon-search" @click="toSearch()" class="searchbtn">搜索</el-button> -->
<el-button size="mini" type="primary" icon="el-icon-circle-plus" @click="addDialogData()" class="addbtn">新增</el-button> <el-button size="mini" type="primary" icon="el-icon-circle-plus" @click="addDialogData()" class="addbtn"
>新增</el-button
>
</div> </div>
<div class="table-wrapper"> <div class="table-wrapper">
<div class="infoline">信息分类列表</div> <div class="infoline">信息分类列表</div>
...@@ -56,29 +57,19 @@ ...@@ -56,29 +57,19 @@
ref="table" ref="table"
lazy lazy
:load="getDeptDatas" :load="getDeptDatas"
:tree-props="{children:'children', hasChildren:'hasChildren'}" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
:data="typeManage.fromData" :data="typeManage.fromData"
row-key="id" row-key="id"
> >
<!-- <el-table-column :selectable="checkboxT" type="selection" width="55" /> --> <!-- <el-table-column :selectable="checkboxT" type="selection" width="55" /> -->
<el-table-column label="名称" prop="label" style="width:100px;"/> <el-table-column label="名称" prop="label" style="width: 100px" />
<el-table-column type="index" label="序号" style="width:100px;"/> <el-table-column type="index" label="序号" style="width: 100px" />
<el-table-column label="操作" fixed="right"> <el-table-column label="操作" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="primary" icon="el-icon-edit" @click="typeEdit($event, scope.$index, scope.row)"
size="mini"
type="primary"
icon="el-icon-edit"
@click="typeEdit($event, scope.$index, scope.row)"
>编辑</el-button >编辑</el-button
> >
<el-button <el-button size="mini" type="danger" icon="el-icon-delete" @click="typeDelete(scope.row)">删除</el-button>
size="mini"
type="danger"
icon="el-icon-delete"
@click="typeDelete(scope.row)"
>删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -92,27 +83,13 @@ ...@@ -92,27 +83,13 @@
/> --> /> -->
</div> </div>
<el-dialog title="新增分类名称" :visible.sync="typeManage.addDialog"> <el-dialog title="新增分类名称" :visible.sync="typeManage.addDialog">
<el-form <el-form :model="typeManage.from" :rules="formrules" ref="addDataForm">
:model="typeManage.from"
:rules="formrules"
ref="addDataForm"
>
<el-form-item prop="addname" label="分类名称:" :label-width="'120px'"> <el-form-item prop="addname" label="分类名称:" :label-width="'120px'">
<el-input <el-input clearable v-model="typeManage.from.addname" style="width: 220px" placeholder="请输入类别" />
clearable
v-model="typeManage.from.addname"
style="width:220px;"
placeholder="请输入类别"
/>
</el-form-item> </el-form-item>
<el-form-item prop="test" label="推送信息:" :label-width="'120px'"> <el-form-item prop="test" label="推送信息:" :label-width="'120px'">
<el-select v-model="typeManage.from.test" multiple placeholder="请选择" style="width:220px"> <el-select v-model="typeManage.from.test" multiple placeholder="请选择" style="width: 220px">
<el-option <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="id" label="添加到:" :label-width="'120px'"> <el-form-item prop="id" label="添加到:" :label-width="'120px'">
...@@ -120,7 +97,7 @@ ...@@ -120,7 +97,7 @@
v-model="typeManage.from.id" v-model="typeManage.from.id"
:options="infoTree.menus" :options="infoTree.menus"
:load-options="loadInfoTreeMenus" :load-options="loadInfoTreeMenus"
style="width: 180px;" style="width: 180px"
placeholder="选择上级类目" placeholder="选择上级类目"
/> />
</el-form-item> </el-form-item>
...@@ -130,26 +107,24 @@ ...@@ -130,26 +107,24 @@
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="编辑分类名称" :visible.sync="typeManage.editDialog"> <el-dialog title="编辑分类名称" :visible.sync="typeManage.editDialog">
<el-form <el-form :model="editFormInfo" :rules="rules" ref="editDataForm">
:model="editFormInfo"
:rules="rules"
ref="editDataForm"
>
<el-form-item prop="type" label="分类名称:" :label-width="'120px'"> <el-form-item prop="type" label="分类名称:" :label-width="'120px'">
<el-input <el-input
v-model="editFormInfo.type" v-model="editFormInfo.type"
clearable clearable
style="width:220px;margin-left: 20px;" style="width: 220px; margin-left: 20px"
placeholder="请输入类别" placeholder="请输入类别"
/> />
</el-form-item> </el-form-item>
<el-form-item prop="choose" label="推送信息:" :label-width="'120px'"> <el-form-item prop="choose" label="推送信息:" :label-width="'120px'">
<el-select v-model="editFormInfo.choose" multiple placeholder="请选择" @change="selectChange" style="width:220px;margin-left: 20px;"> <el-select
<el-option v-model="editFormInfo.choose"
v-for="item in newoptions" multiple
:key="item.value" placeholder="请选择"
:label="item.label" @change="selectChange"
:value="item.value"> style="width: 220px; margin-left: 20px"
>
<el-option v-for="item in newoptions" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -158,13 +133,15 @@ ...@@ -158,13 +133,15 @@
v-model="editFormInfo.pid" v-model="editFormInfo.pid"
:options="infoTree.menus" :options="infoTree.menus"
:load-options="loadInfoTreeMenus" :load-options="loadInfoTreeMenus"
style="width: 180px;" style="width: 180px"
placeholder="选择上级类目" placeholder="选择上级类目"
/> />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer"> <div slot="footer">
<el-button type="primary" @click="uploadAddForm" icon="el-icon-success" :loading="editFormInfo.flag === 0">确定</el-button> <el-button type="primary" @click="uploadAddForm" icon="el-icon-success" :loading="editFormInfo.flag === 0"
>确定</el-button
>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
...@@ -172,256 +149,273 @@ ...@@ -172,256 +149,273 @@
<script> <script>
import { import {
getAllCategory,getNameCategory,addClassification,editClassification,deleteTypeDict getAllCategory,
} from "@/api/category.js"; getNameCategory,
import {reqInformationTreeList, reqAllInfoTreeList} from "@/api/treeMenus.js"; addClassification,
import Treeselect from '@riophae/vue-treeselect'; editClassification,
import '@riophae/vue-treeselect/dist/vue-treeselect.css'; deleteTypeDict
} from '@/api/category.js'
import { reqInformationTreeList, reqAllInfoTreeList } from '@/api/treeMenus.js'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default { export default {
data() { data() {
return { return {
//1.获取全部信息分类 //1.获取全部信息分类
typeManage:{ typeManage: {
page:1, page: 1,
size:10, size: 10,
total:0, total: 0,
selectdata:[], selectdata: [],
dropData:[], dropData: [],
addDialog:false, addDialog: false,
flag:1, flag: 1,
pid:0, pid: 0,
from:{ from: {
addname:'', addname: '',
test:[], // 默认选项，要在el-checkbox-group里绑定一个空数组 test: [] // 默认选项，要在el-checkbox-group里绑定一个空数组
}, },
editDialog:false, editDialog: false,
fromData:[] fromData: []
}, },
//2.根据名称获取信息分类 //2.根据名称获取信息分类
name: '', name: '',
// 3.新增信息分类 // 3.新增信息分类
options: [{ options: [
{
value: '姓名', value: '姓名',
label: '姓名' label: '姓名'
}, { },
{
value: '电话', value: '电话',
label: '电话' label: '电话'
}, { },
{
value: '公司名称', value: '公司名称',
label: '公司名称' label: '公司名称'
}, { },
{
value: '需求描述', value: '需求描述',
label: '需求描述' label: '需求描述'
}], }
chooseString:'', ],
chooseString: '',
// 4.编辑信息分类 // 4.编辑信息分类
editFormInfo: { editFormInfo: {
flag:1, flag: 1,
type: "", type: '',
send:'', send: '',
id:'', id: '',
choose:[], choose: [],
pid:0, pid: 0
}, },
editString:'', editString: '',
checkList:[], checkList: [],
newoptions: [{ newoptions: [
{
value: '姓名', value: '姓名',
label: '姓名' label: '姓名'
}, { },
{
value: '电话', value: '电话',
label: '电话' label: '电话'
}, { },
{
value: '公司名称', value: '公司名称',
label: '公司名称' label: '公司名称'
}, { },
{
value: '需求描述', value: '需求描述',
label: '需求描述' label: '需求描述'
}], }
newval:[], ],
newval: [],
// 验证 // 验证
formrules:{ formrules: {
addname: [{ required: true, message: "请输入类别", trigger: "blur"}], addname: [{ required: true, message: '请输入类别', trigger: 'blur' }],
test: [{ required: true, message: "请选择推送信息", trigger: "change"}], test: [{ required: true, message: '请选择推送信息', trigger: 'change' }]
}, },
rules:{ rules: {
type: [{ required: true, message: "请输入类别", trigger: "blur"}], type: [{ required: true, message: '请输入类别', trigger: 'blur' }],
choose: [{ required: true, message: "请选择推送信息", trigger: "change"}], choose: [{ required: true, message: '请选择推送信息', trigger: 'change' }]
}, },
infoTree:{ infoTree: {
menus:[{id:0, label:'信息分类', children:null, pid:-1}], menus: [{ id: 0, label: '信息分类', children: null, pid: -1 }]
}, }
}; }
}, },
components: {Treeselect}, components: { Treeselect },
mounted() { mounted() {
var that = this; var that = this
// 信息分类字典 // 信息分类字典
this.reqBuildTreeList(); this.reqBuildTreeList()
this.classification();
this.getSelectInfo();
this.classification()
this.getSelectInfo()
}, },
methods: { methods: {
// 构建 Tree列表 // 构建 Tree列表
reqBuildTreeList: function(){ reqBuildTreeList: function () {
var that = this; var that = this
reqAllInfoTreeList().then(function(res){ reqAllInfoTreeList().then(function (res) {
if(res.code === 200){ if (res.code === 200) {
var list = res.object.records || []; var list = res.object.records || []
that.infoTree.menus = [{id:0, label:'信息分类', children:null, pid:-1}]; that.infoTree.menus = [{ id: 0, label: '信息分类', children: null, pid: -1 }]
list.push(that.infoTree.menus[0]); list.push(that.infoTree.menus[0])
qf.Utils.treeListBuild(list); qf.Utils.treeListBuild(list)
} }
}); })
}, },
//1.获取全部信息分类 //1.获取全部信息分类
classification(params){ classification(params) {
var typeM = this.typeManage; var typeM = this.typeManage
var params = { var params = {
page:typeM.page, page: typeM.page,
pageSize:typeM.size, pageSize: typeM.size
}; }
reqInformationTreeList({pid:0}).then((res) => { reqInformationTreeList({ pid: 0 }).then((res) => {
var list = res.object.records || []; var list = res.object.records || []
for(var item of list){ for (var item of list) {
item.hasChildren = !item.leaf; item.hasChildren = !item.leaf
}; }
typeM.selectdata = list; typeM.selectdata = list
typeM.fromData = list; typeM.fromData = list
typeM.total = res.object.total; typeM.total = res.object.total
}); })
}, },
// 获取分类下拉列表 // 获取分类下拉列表
getSelectInfo(){ getSelectInfo() {
var typeM = this.typeManage; var typeM = this.typeManage
var params = { var params = {
page:1, page: 1,
pageSize:999, pageSize: 999
}; }
getAllCategory(params).then((res) => { getAllCategory(params).then((res) => {
var dropDown = res.object.records || []; var dropDown = res.object.records || []
typeM.dropData = dropDown; typeM.dropData = dropDown
}); })
}, },
//获取全部信息分类分页 //获取全部信息分类分页
handleSizeChange(val) { handleSizeChange(val) {
// 每页多少条 // 每页多少条
this.typeManage.size =val ; this.typeManage.size = val
this.classification(); this.classification()
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
// 当前是多少页 // 当前是多少页
this.typeManage.page = val; this.typeManage.page = val
this.classification(); this.classification()
}, },
//2.根据名称获取信息分类 //2.根据名称获取信息分类
toSearch() { toSearch() {
var typeM = this.typeManage; var typeM = this.typeManage
var param = { var param = {
page: this.typeManage.page, page: this.typeManage.page,
pageSize: this.typeManage.size, pageSize: this.typeManage.size
}; }
this.name && (param.name = this.name); this.name && (param.name = this.name)
var typeM = this.typeManage; var typeM = this.typeManage
getNameCategory(param).then((res) => { getNameCategory(param).then((res) => {
var selectlist = res.object.records || []; var selectlist = res.object.records || []
typeM.fromData = selectlist; typeM.fromData = selectlist
typeM.total = res.object.total; typeM.total = res.object.total
}); })
}, },
// 新增 // 新增
addDialogData(){ addDialogData() {
this.typeManage.addDialog = true; this.typeManage.addDialog = true
this.typeManage.from.addname=''; this.typeManage.from.addname = ''
this.typeManage.from.id=0; this.typeManage.from.id = 0
this.typeManage.from.test='' this.typeManage.from.test = ''
}, },
determine(){ determine() {
if(this.typeManage.flag){ if (this.typeManage.flag) {
this.typeManage.flag = 0; this.typeManage.flag = 0
this.chooseString=this.typeManage.from.test.join(); this.chooseString = this.typeManage.from.test.join()
this.$refs.addDataForm.validate((valid) => { this.$refs.addDataForm.validate((valid) => {
if (valid) { if (valid) {
var params = { var params = {
name:this.typeManage.from.addname, name: this.typeManage.from.addname,
pushNew:this.chooseString, pushNew: this.chooseString,
pid:this.typeManage.from.id, pid: this.typeManage.from.id
}; }
var self = this; var self = this
addClassification(params).then((res) => { addClassification(params).then(
this.typeManage.addDialog = false; (res) => {
this.classification(); this.typeManage.addDialog = false
setTimeout(function(){ this.classification()
self.typeManage.flag = 1; setTimeout(function () {
}, 300); self.typeManage.flag = 1
}, 300)
self.$message({ self.$message({
type: "success", type: 'success',
message: "新增成功", message: '新增成功'
}); })
}, },
() => { () => {
self.$message.error("新增失败"); self.$message.error('新增失败')
} }
); )
} }
}) })
} }
}, },
// 4、修改信息分类 // 4、修改信息分类
typeEdit(e, index, item){ typeEdit(e, index, item) {
this.typeManage.editDialog = true; this.typeManage.editDialog = true
this.editFormInfo.send=item.pushnew; this.editFormInfo.send = item.pushnew
this.editFormInfo.id=item.id; this.editFormInfo.id = item.id
this.editFormInfo.choose=this.editFormInfo.send.split(",") this.editFormInfo.choose = this.editFormInfo.send.split(',')
this.editFormInfo.type=item.label; this.editFormInfo.type = item.label
this.editFormInfo.pid=item.pid; this.editFormInfo.pid = item.pid
this.CacheItem = item; this.CacheItem = item
}, },
selectChange(val){ selectChange(val) {
this.newval=val this.newval = val
this.editFormInfo.send = this.newval.join(); this.editFormInfo.send = this.newval.join()
}, },
uploadAddForm(){ uploadAddForm() {
if(this.editFormInfo.flag){ if (this.editFormInfo.flag) {
this.editFormInfo.flag = 0; this.editFormInfo.flag = 0
this.$refs.editDataForm.validate((valid) => { this.$refs.editDataForm.validate((valid) => {
if (valid) { if (valid) {
var params = { var params = {
id:this.editFormInfo.id, id: this.editFormInfo.id,
name:this.editFormInfo.type, name: this.editFormInfo.type,
pushNew:this.editFormInfo.send, pushNew: this.editFormInfo.send,
pid:this.editFormInfo.pid, pid: this.editFormInfo.pid
}; }
var self = this; var self = this
editClassification(params).then((res) => { editClassification(params).then((res) => {
if(res.code === 200){ if (res.code === 200) {
this.typeManage.editDialog = false; this.typeManage.editDialog = false
this.CacheItem.label = params.name; this.CacheItem.label = params.name
this.CacheItem.pushnew = params.pushNew; this.CacheItem.pushnew = params.pushNew
setTimeout(function(){ setTimeout(function () {
self.editFormInfo.flag = 1; self.editFormInfo.flag = 1
}, 300); }, 300)
// 重新构建列表 // 重新构建列表
this.classification(); this.classification()
}; }
// message // message
self.$message({ self.$message(
type: "success", {
message: "编辑成功", type: 'success',
}, ()=>{ message: '编辑成功'
self.$message.error("编辑失败"); },
}); () => {
}); self.$message.error('编辑失败')
}
)
})
} }
}) })
} }
...@@ -429,119 +423,116 @@ export default { ...@@ -429,119 +423,116 @@ export default {
// 5.删除 // 5.删除
typeDelete(item) { typeDelete(item) {
var id = item.id; var id = item.id
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", { this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then(() => { }).then(() => {
deleteTypeDict({id:id}).then( deleteTypeDict({ id: id }).then(
(res) => { (res) => {
this.$message({ this.$message({
message: "删除成功", message: '删除成功',
type: "success", type: 'success'
}); })
this.classification(); this.classification()
}, },
() => { () => {
this.$message.error("删除失败"); this.$message.error('删除失败')
} }
); )
}); })
}, },
getDeptDatas(tree, treeNode, resolve) { getDeptDatas(tree, treeNode, resolve) {
const params = { pid: tree.id }; const params = { pid: tree.id }
reqInformationTreeList(params).then((res) => { reqInformationTreeList(params).then((res) => {
var list = res.object.records || []; var list = res.object.records || []
for(var item of list){ for (var item of list) {
item.hasChildren = !item.leaf; item.hasChildren = !item.leaf
}; }
resolve(list) resolve(list)
}); })
}, },
// 加载信息分类列表 // 加载信息分类列表
loadInfoTreeMenus({ action, parentNode, callback }) { loadInfoTreeMenus({ action, parentNode, callback }) {
if(action === 'LOAD_CHILDREN_OPTIONS'){ if (action === 'LOAD_CHILDREN_OPTIONS') {
setTimeout(() => { setTimeout(() => {
callback() callback()
}, 100) }, 100)
};
},
} }
}; }
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.datamanage-wrapper{ .datamanage-wrapper {
width: 100%; width: 100%;
height:100%; height: 100%;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
background-color: #f5f6fb; background-color: #f5f6fb;
} }
.search-wrapper { .search-wrapper {
width:100%; width: 100%;
display: flex; display: flex;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
margin: 10px 0px 10px 0px; margin: 10px 0px 10px 0px;
background: #fff; background: #fff;
} }
.table-wrapper { .table-wrapper {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
margin: 10px 0px 10px 0px; margin: 10px 0px 10px 0px;
background: #fff; background: #fff;
} }
.searchbtn{ .searchbtn {
margin-left: 30px; margin-left: 30px;
padding:6px 15px; padding: 6px 15px;
font-size:14px; font-size: 14px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 30px; height: 30px;
background-color: #13ce66; background-color: #13ce66;
border-color:#13ce66; border-color: #13ce66;
} }
.addbtn{ .addbtn {
margin-left: 30px; margin-left: 30px;
padding:6px 15px; padding: 6px 15px;
font-size:14px; font-size: 14px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 30px; height: 30px;
} }
.infoline{ .infoline {
width:100%; width: 100%;
height:100px; height: 100px;
font-weight:bold; font-weight: bold;
font-size: 24px; font-size: 24px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
margin-left: 20px; margin-left: 20px;
} }
</style> </style>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>
::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value { ::v-deep .vue-treeselect__control,
::v-deep .vue-treeselect__placeholder,
::v-deep .vue-treeselect__single-value {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
</style> </style>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>
::v-deep .el-input-number .el-input__inner { ::v-deep .el-input-number .el-input__inner {
text-align: left; text-align: left;
} }
</style> </style>
src/views/lookupClass/classify.vue
View file @ 80aaf3aa
...@@ -191,9 +191,44 @@ import { ...@@ -191,9 +191,44 @@ import {
import { reqInformationTreeList, reqAllInfoTreeList } from '@/api/treeMenus.js' import { reqInformationTreeList, reqAllInfoTreeList } from '@/api/treeMenus.js'
import Treeselect from '@riophae/vue-treeselect' import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css' import '@riophae/vue-treeselect/dist/vue-treeselect.css'
function deepHasValue(data, targetValue) {
const items = Array.isArray(data) ? data : [data]
for (const item of items) {
// 直接匹配基本类型
if (item === targetValue) return true
// 处理对象类型
if (typeof item === 'object' && item !== null) {
// 深度遍历所有属性值
for (const value of Object.values(item)) {
if (value === targetValue || deepHasValue(value, targetValue)) {
return true
}
}
}
}
return false
}
export default { export default {
components: { Treeselect }, components: { Treeselect },
data() { data() {
let self = this
var checkRepeat = (rule, value, callback) => {
var onOf = deepHasValue(self.infoTree.menus, value)
if (onOf) {
self.typeManage.flag = 1
self.typeManage.flag = 1
return callback(new Error('分类名称重复'))
} else {
self.typeManage.flag = 1
self.typeManage.flag = 1
callback()
}
}
return { return {
// 1.获取全部信息分类 // 1.获取全部信息分类
typeManage: { typeManage: {
...@@ -209,6 +244,9 @@ export default { ...@@ -209,6 +244,9 @@ export default {
addname: '', addname: '',
test: [] // 默认选项，要在el-checkbox-group里绑定一个空数组 test: [] // 默认选项，要在el-checkbox-group里绑定一个空数组
}, },
rules: {
addname: []
},
editDialog: false, editDialog: false,
fromData: [] fromData: []
}, },
...@@ -267,11 +305,17 @@ export default { ...@@ -267,11 +305,17 @@ export default {
newval: [], newval: [],
// 验证 // 验证
formrules: { formrules: {
addname: [{ required: true, message: '请输入类别', trigger: 'blur' }], addname: [
{ required: true, message: '请输入类别', trigger: 'blur' },
{ validator: checkRepeat, trigger: 'blur' }
],
test: [{ required: true, message: '请选择推送信息', trigger: 'change' }] test: [{ required: true, message: '请选择推送信息', trigger: 'change' }]
}, },
rules: { rules: {
type: [{ required: true, message: '请输入类别', trigger: 'blur' }], type: [
{ required: true, message: '请输入类别', trigger: 'blur' },
{ validator: checkRepeat, trigger: 'blur' }
],
choose: [{ required: true, message: '请选择推送信息', trigger: 'change' }] choose: [{ required: true, message: '请选择推送信息', trigger: 'change' }]
}, },
infoTree: { infoTree: {
...@@ -376,6 +420,7 @@ export default { ...@@ -376,6 +420,7 @@ export default {
determine() { determine() {
if (this.typeManage.flag) { if (this.typeManage.flag) {
this.typeManage.flag = 0 this.typeManage.flag = 0
this.chooseString = this.typeManage.from.test.join() this.chooseString = this.typeManage.from.test.join()
this.$refs.addDataForm.validate((valid) => { this.$refs.addDataForm.validate((valid) => {
if (valid) { if (valid) {
......
src/views/system/user/index.vue
View file @ 80aaf3aa
...@@ -199,15 +199,31 @@ ...@@ -199,15 +199,31 @@
<div v-for="(item, i) in typeList"> <div v-for="(item, i) in typeList">
<el-form ref="addDataForm" :model="typeList[i]" :rules="fromrules"> <el-form ref="addDataForm" :model="typeList[i]" :rules="fromrules">
<el-form-item prop="infoClass" label="信息分类" :label-width="'120px'"> <el-form-item prop="infoClass" label="信息分类" :label-width="'120px'">
<el-select clearable v-model="typeList[i].infoClass" placeholder="请选择类别" filterable allow-create> <el-cascader
<el-option v-for="(item, index) in listType" :key="index" :label="item.type" :value="item.typeId" /> clearable
</el-select> v-model="typeList[i].infoClass"
:options="listType"
:show-all-levels="false"
:props="{
emitPath: false,
checkStrictly: true,
value: 'id',
label: 'label',
children: 'children',
disabled: 'disabled'
}"
placeholder="请选择类别"
filterable
allow-create
>
<!-- <el-option v-for="(item, index) in listType" :key="index" :label="item.type" :value="item.typeId" /> -->
</el-cascader>
</el-form-item> </el-form-item>
<el-form-item prop="value" label="权重值:" :label-width="'120px'"> <el-form-item prop="value" label="权重值:" :label-width="'120px'">
<el-input-number v-model="typeList[i].value" :min="1" :max="5" label="描述文字"></el-input-number> <el-input-number v-model="typeList[i].value" :min="1" :max="3" label="描述文字"></el-input-number>
</el-form-item> </el-form-item>
<el-button circle icon="el-icon-plus" @click="addList()"></el-button> <el-button circle icon="el-icon-plus" @click="addList(item)"></el-button>
<el-button circle icon="el-icon-minus" @click="subList(i)" v-if="i > 0"></el-button> <el-button circle icon="el-icon-minus" @click="subList(item, i)" v-if="i > 0"></el-button>
</el-form> </el-form>
</div> </div>
<div slot="footer"> <div slot="footer">
...@@ -315,7 +331,7 @@ export default { ...@@ -315,7 +331,7 @@ export default {
// //
newManage: { newManage: {
page: 1, page: 1,
size: 10, size: '',
total: 0 total: 0
}, },
// 获取信息分类数据 // 获取信息分类数据
...@@ -347,20 +363,22 @@ export default { ...@@ -347,20 +363,22 @@ export default {
}, },
methods: { methods: {
//加号 //加号
addList() { addList(i) {
console.log(this.typeList.length)
console.log(this.totalTypeNumber)
if (this.typeList.length <= this.totalTypeNumber) { if (this.typeList.length <= this.totalTypeNumber) {
this.typeList.push({ infoClass: '', value: '' }) this.typeList.push({ infoClass: '', value: '' })
this.typeList.forEach((el) => {
this.listType = this.disableByField(this.listType, 'id', el.infoClass, true)
})
console.log(this.listType, i.infoClass)
} else { } else {
this.$message.error('已超过权重总数') this.$message.error('已超过权重总数')
return return
} }
}, },
//减号 //减号
subList(index) { subList(item, index) {
console.log(index)
this.typeList.splice(index, 1) this.typeList.splice(index, 1)
this.listType = this.disableByField(this.listType, 'id', item.infoClass, false)
}, },
// 获取信息分类 // 获取信息分类
classification(params) { classification(params) {
...@@ -372,12 +390,25 @@ export default { ...@@ -372,12 +390,25 @@ export default {
getAllCategory(params).then((res) => { getAllCategory(params).then((res) => {
var newlist = res.object.records || [] var newlist = res.object.records || []
this.totalTypeNumber = newlist.length this.totalTypeNumber = newlist.length
console.log(this.totalTypeNumber, 'this.totalTypeNumber') console.log(newlist)
for (var i = 0; i < newlist.length; i++) {
this.listType.push({ type: newlist[i].name, typeId: newlist[i].id }) newlist.forEach((e) => {
console.log(this.listType, 'this.listType') console.log(e.id)
if (e.children.length !== 0) {
this.listType.push({ ...e, disabled: true })
} else {
this.listType.push({ ...e })
} }
}) })
console.log(this.listType, 'huoqu')
// console.log(this.totalTypeNumber, 'this.totalTypeNumber')
// for (var i = 0; i < newlist.length; i++) {
// this.listType.push({ type: newlist[i].name, typeId: newlist[i].id })
// console.log(this.listType, 'this.listType')
// }
})
}, },
handleChange(value) {}, handleChange(value) {},
// 权重弹窗 // 权重弹窗
...@@ -625,6 +656,42 @@ export default { ...@@ -625,6 +656,42 @@ export default {
}) })
.catch(() => {}) .catch(() => {})
}, },
/**
* 根据指定字段值标记嵌套结构中的对象
* @param {Array} nestedArray - 包含 children 的多层嵌套数据
* @param {string} field - 目标字段名
* @param {*} value - 要匹配的字段值
* @returns {Array} 标记后的新数据结构
*/
disableByField(nestedArray, field, value, tf) {
return nestedArray.map((item) => {
// 处理数组元素
if (Array.isArray(item)) {
return this.disableByField(item, field, value, tf)
}
// 处理对象元素
if (typeof item === 'object' && item !== null) {
// 创建新对象（保持不可变性）
const newItem = { ...item }
// 标记匹配元素
if (newItem[field] === value) {
newItem.disabled = tf
}
// 递归处理 children
if (Array.isArray(newItem.children)) {
newItem.children = this.disableByField(newItem.children, field, value, tf)
}
return newItem
}
// 其他类型直接返回
return item
})
},
checkboxT(row, rowIndex) { checkboxT(row, rowIndex) {
return row.id !== this.user.id return row.id !== this.user.id
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment