报告API-商家权限-增加接口权限配置

src/views/business_ETA_manage/businessAuth.vue

@@ -7,7 +7,12 @@
                 <el-button type="primary" @click="handleBtnClik('save')">保存</el-button>
             </div>
         </div>
-        <div class="auth-wrap">
+        <div class="model-wrap">
+            <el-button :type="model==='auth'?'primary':''" @click="model='auth'">菜单权限</el-button>
+            <span class="block"></span>
+            <el-button :type="model==='interence'?'primary':''" @click="model='interence'">接口权限</el-button>
+        </div>
+        <div class="auth-wrap" v-show="model==='auth'">
             <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" style="margin-bottom: 20px;">全选</el-checkbox>
             <el-tree 
                 v-loading="treeLoading"
@@ -21,6 +26,19 @@
                 @check-change="()=>{handleCheckChange()}">
             </el-tree>
         </div>
+        <div class="interence-wrap" v-show="model==='interence'">
+            <div class="interence-item">
+                <span>研报审批</span>
+                <el-radio-group v-model="temp">
+                    <el-radio :label="0">否</el-radio>
+                    <el-radio :label="1">是</el-radio>
+                </el-radio-group>
+                <el-checkbox-group v-model="checkList" v-show="temp===1">
+                    <el-checkbox label="智能研报" :value="3"></el-checkbox>
+                    <el-checkbox label="研报列表" :value="4"></el-checkbox>
+                </el-checkbox-group>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -33,7 +51,10 @@ export default {
             defaultCheckedKeys:[],
             treeLoading:false,
             checkAll:false,
-            isIndeterminate:false
+            isIndeterminate:false,
+            model:'auth',
+            temp:'',
+            checkList:[]
         };
     },
     watch:{
@@ -46,6 +67,11 @@ export default {
                     this.$refs.checkboxTree.setCheckedKeys([])
                 }
             }
+        },
+        temp(newVal){
+            if(newVal===0){
+                this.checkList=[]
+            }
         }
     },
     methods: {
@@ -74,6 +100,11 @@ export default {
                     this.$message.warning('请至少选择一个权限')
                     return
                 }
+                if(typeof(this.temp) === 'string'){
+                    this.$message.warning('请配置接口权限')
+                    this.model='interence'
+                    return
+                }
                 //合成一个数组并去重
                 const ChoiceList = Array.from(new Set([...keys,...halfKeys]))
                 //请求接口
@@ -229,8 +260,23 @@ export default {
             font-weight: bold;
         }
     }
-    .auth-wrap{
+    .model-wrap{
+        display: flex;
+        gap:20px;
+        align-items: center;
+        .block{
+            display: inline-block;
+            height:20px;
+            width:1px;
+            background-color: #333;
+        }
+    }
+    .auth-wrap,.interence-wrap{
         margin-top:20px;
     }
+    .interence-item{
+        display: flex;
+        gap:25px;
+    }
 }
 </style>