站点配置

src/views/material/basic/siteConfig/index.vue

@@ -1,6 +1,6 @@
 <template>
   <el-tabs v-model="activeName"  @tab-click="handleClick" class="app-container">
-    <el-tab-pane label="物资配置" name="first" onclick="handleQuery">
+    <el-tab-pane label="物资配置" name="first">
       <div>
         <div class="section">
           <el-header>库管员配置</el-header>
@@ -8,12 +8,12 @@
             <el-checkbox-group v-model="selectedValues" class="checkbox-group">
                 <el-checkbox
                   v-for="item in options"
-      :key="item.id"
+                  :key="item.roleId"
-      :label="item.id"
+                  :label="item.roleId"
-      :value="item.id"
+                  :value="item.roleId"
                   :checked="item.check"
                   class="checkbox-item">
-      {{ item.name }}
+                  {{ item.roleKey }}
                 </el-checkbox>
             </el-checkbox-group>
               <el-button
@@ -21,11 +21,10 @@
                   icon="el-icon-plus"
                   size="mini"
                   @click="handleQuery"
-          >保存库管员配置</el-button
+                  >保存库管员配置</el-button>
-      >
           </el-main>
         </div>
-     <div class="section">
+      <!-- <div class="section">
         <el-header>维修员配置</el-header>
         <el-main>
           <el-checkbox-group v-model="selectedValues" class="checkbox-group">
@@ -47,10 +46,10 @@
               >保存维修员配置</el-button
           >
         </el-main>
-    </div>
+      </div> -->
     </div>
     </el-tab-pane>
-      <el-tab-pane label="新购配置" name="second" >
+    <!-- <el-tab-pane label="新购配置" name="second" >
       <div>
         <div class="app-container">
         <h4 class="form-header h4">库管员配置</h4>
@@ -89,17 +88,12 @@
         {{ item.name }}
       </el-checkbox>
   </el-checkbox-group>
-      <el-button
+    <el-button type="primary" icon="el-icon-plus" size="mini"
-          type="primary"
+        @click="handleQuery">保存维修员2配置</el-button>
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleQuery"
-          >保存维修员2配置</el-button
-      >
   </el-main>
   </div>
       </div>
-      </el-tab-pane>
+    </el-tab-pane> -->
   </el-tabs>
 </template>
 
@@ -137,37 +131,29 @@ export default {
   },
   mounted() {
     // 初始化选中的值，如果需要的话
-    this.selectedValues = this.options
+    // this.selectedValues = this.options
-      .filter(item => item.check)  // 过滤出 check 为 true 的选项
+    //   .filter(item => item.check)  // 过滤出 check 为 true 的选项
-      .map(item => (item.id));  
+    //   .map(item => (item.id));  
-      console.log('this.selectedValues',this.selectedValues)     // 提取选中的 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=[],
+            this.options=list
-            list.forEach(item=>{
+            this.selectedValues = this.roleIdsKeeper
-              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)
-              }
-            })
             console.log('this.options',this.options)
           })
         },
         handleQuery(){
-              console.log()
+              console.log(this.selectedValues)
         },
         handleClick(tab, event) {
           if(tab.name == 'first'){