bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

站点配置

This commit is contained in:
zzyuan 2024-11-08 15:02:59 +08:00
parent 13714ee18e
commit e710cbdac0
1 changed files with 100 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

214
src/views/material/basic/siteConfig/index.vue
View File

@ -1,105 +1,99 @@
<template>
<el-tabs v-model="activeName" @tab-click="handleClick" class="app-container">
<el-tab-pane label="物资配置" name="first" onclick="handleQuery">
<div>
<div class="section">
<el-header>库管员配置</el-header>
<el-main>
<el-checkbox-group v-model="selectedValues" class="checkbox-group">
<el-checkbox
v-for="item in options"
:key="item.id"
:label="item.id"
:value="item.id"
:checked="item.check"
class="checkbox-item">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
<el-button
type="success"
icon="el-icon-plus"
size="mini"
@click="handleQuery"
>保存库管员配置</el-button
>
<el-tab-pane label="物资配置" name="first">
<div>
<div class="section">
<el-header>库管员配置</el-header>
<el-main>
<el-checkbox-group v-model="selectedValues" class="checkbox-group">
<el-checkbox
v-for="item in options"
:key="item.roleId"
:label="item.roleId"
:value="item.roleId"
:checked="item.check"
class="checkbox-item">
{{ item.roleKey }}
</el-checkbox>
</el-checkbox-group>
<el-button
type="success"
icon="el-icon-plus"
size="mini"
@click="handleQuery"
>保存库管员配置</el-button>
</el-main>
</div>
<!-- <div class="section">
<el-header>维修员配置</el-header>
<el-main>
<el-checkbox-group v-model="selectedValues" class="checkbox-group">
<el-checkbox
v-for="item in options"
:key="item.id"
:label="item.id"
:value="item.id"
:checked="item.check"
class="checkbox-item">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
<el-button
type="success"
icon="el-icon-plus"
size="mini"
@click="handleQuery"
>保存维修员配置</el-button
>
</el-main>
</div> -->
</div>
</el-tab-pane>
<!-- <el-tab-pane label="新购配置" name="second" >
<div>
<div class="app-container">
<h4 class="form-header h4">库管员配置</h4>
<el-main>
<el-checkbox-group v-model="selectedValues">
<el-checkbox
v-for="item in options"
:key="item.id"
:label="item.id"
:value="item.id"
:checked="item.check"
class="checkbox-item">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleQuery"
>保存库管员配置</el-button
>
</el-main>
</div>
<div class="app-container">
<h4 class="form-header h4">维修员配置</h4>
<el-main>
<el-checkbox-group v-model="selectedValues">
<el-checkbox
v-for="item in options"
:key="item.id"
:label="item.id"
:value="item.id"
:checked="item.check"
class="checkbox-item">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
<el-button type="primary" icon="el-icon-plus" size="mini"
@click="handleQuery">保存维修员2配置</el-button>
</el-main>
</div>
<div class="section">
<el-header>维修员配置</el-header>
<el-main>
<el-checkbox-group v-model="selectedValues" class="checkbox-group">
<el-checkbox
v-for="item in options"
:key="item.id"
:label="item.id"
:value="item.id"
:checked="item.check"
class="checkbox-item">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
<el-button
type="success"
icon="el-icon-plus"
size="mini"
@click="handleQuery"
>保存维修员配置</el-button
>
</el-main>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="新购配置" name="second" >
<div>
<div class="app-container">
<h4 class="form-header h4">库管员配置</h4>
<el-main>
<el-checkbox-group v-model="selectedValues">
<el-checkbox
v-for="item in options"
:key="item.id"
:label="item.id"
:value="item.id"
:checked="item.check"
class="checkbox-item">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleQuery"
>保存库管员配置</el-button
>
</el-main>
</div>
<div class="app-container">
<h4 class="form-header h4">维修员配置</h4>
<el-main>
<el-checkbox-group v-model="selectedValues">
<el-checkbox
v-for="item in options"
:key="item.id"
:label="item.id"
:value="item.id"
:checked="item.check"
class="checkbox-item">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleQuery"
>保存维修员2配置</el-button
>
</el-main>
</div>
</div>
</el-tab-pane>
</div>
</el-tab-pane> -->
</el-tabs>
</template>
@ -137,37 +131,29 @@ export default {
},
mounted() {
// 初始化选中的值，如果需要的话
this.selectedValues = this.options
.filter(item => item.check) // 过滤出 check 为 true 的选项
.map(item => (item.id));
console.log('this.selectedValues',this.selectedValues) // 提取选中的 id
// this.selectedValues = this.options
// .filter(item => item.check) // 过滤出 check 为 true 的选项
// .map(item => (item.id));
// console.log('this.selectedValues',this.selectedValues) // 提取选中的 id
},
methods: {
async getList(){
const itemName = 'ku_guan_role_ids'
await getKeeperIds(itemName).then((response) =>{
const roleIds = response.rows[0].itemValue.split(',').map(item => (item))
const roleIds = response.rows[0].itemValue.split(',').map(item => Number(item))
this.roleIdsKeeper = roleIds
})
await listRole(this.queryParams).then(response=>{
const list = response.rows
console.log('this.roleIdsKeeper',this.roleIdsKeeper)
console.log('this.list',list)
this.options=[],
list.forEach(item=>{
const isChecked = this.roleIdsKeeper.includes((item.roleId));
let obj = {'id':item.roleId,'name':item.roleKey,'check': isChecked}
if(this.roleIdsKeeper.includes(item.roleId)){
this.options.push(obj)
}else{
this.options.push(obj)
}
})
this.options=list
this.selectedValues = this.roleIdsKeeper
console.log('this.options',this.options)
})
},
handleQuery(){
console.log()
console.log(this.selectedValues)
},
handleClick(tab, event) {
if(tab.name == 'first'){