fix(系统设置): 环境编辑权限控制

--bug=1009558 --user=lyh 【系统设置】-github #9264-用户组和权限-【查看接口】
权限控制异常
https://www.tapd.cn/55049933/s/1091235

Closes #9264

frontend/src/business/components/api/definition/components/auth/ApiAuthConfig.vue

@@ -5,7 +5,7 @@
 
       <el-form :model="authConfig" :rules="rule" ref="authConfig" label-position="right">
         <el-form-item :label="$t('api_test.definition.request.verification_method')" prop="verification">
-          <el-select v-model="authConfig.verification" @change="change"
+          <el-select v-model="authConfig.verification" @change="change" :disabled="isReadOnly"
                      :placeholder="$t('api_test.definition.request.verification_method')" filterable size="small">
             <el-option
                 v-for="item in options"
@@ -40,7 +40,7 @@
                ref="authConfig">
 
         <el-form-item :label="$t('api_test.definition.request.encryption')" prop="encryption">
-          <el-select v-model="authConfig.encrypt"
+          <el-select v-model="authConfig.encrypt" :disabled="isReadOnly"
                      :placeholder="$t('api_test.definition.request.verification_method')" filterable size="small">
             <el-option
                 v-for="item in encryptOptions"
@@ -66,7 +66,8 @@ export default {
     encryptShow: {
       type: Boolean,
       default: true,
-    }
+    },
+    isReadOnly: Boolean,
   },
   watch: {
     request() {

frontend/src/business/components/api/test/components/environment/EnvironmentEdit.vue

@@ -68,13 +68,13 @@
               <el-form-item
                 :label="$t('error_report_library.use_error_report')"
                 prop="status">
-                <el-switch v-model="environment.config.useErrorCode" style="margin-right: 10px"/>
+                <el-switch v-model="environment.config.useErrorCode" style="margin-right: 10px" :disabled="isReadOnly"/>
                 {{$t('error_report_library.use_desc')}}
               </el-form-item>
             </el-col>
 
           </el-row>
-          <global-assertions
+          <global-assertions :is-read-only="isReadOnly"
             :assertions="environment.config.assertions"/>
         </el-tab-pane>
       </el-tabs>

frontend/src/business/components/api/test/components/environment/EnvironmentGlobalScript.vue

@@ -11,7 +11,7 @@
           <div class="header-right" style="margin: 5px 5px 5px 50px" @click.stop>
             <span class="span-style">{{$t('api_test.script.filter_request_type')}}</span>
             <el-select multiple v-model="filterRequestArray" style="margin : 0px 10px 0px 10px; width: 214px "
-                       size="small" :placeholder="$t('commons.please_select')">
+                       size="small" :placeholder="$t('commons.please_select')" :disabled="isReadOnly">
               <el-option
                 v-for="item in requestArray"
                 :key="item.value"
@@ -20,7 +20,7 @@
               </el-option>
             </el-select>
             <span class="span-style" style="margin-right: 10px">{{$t('api_test.script.execution_order')}}</span>
-            <el-select v-model="isExecAfterPrivateScript" size="small" :placeholder="$t('commons.please_select')">
+            <el-select v-model="isExecAfterPrivateScript" size="small" :placeholder="$t('commons.please_select')" :disabled="isReadOnly">
               <el-option
                   v-for="item in scriptExecSort"
                   :key="item.value"
@@ -44,7 +44,7 @@
           </el-tooltip>
           <div class="header-right" style="margin: 5px 5px 5px 50px;" @click.stop>
             <el-switch v-model="isConnScenario" :active-text="$t('api_test.script.associated_scene_results')" style="font-size: 13px;font-weight: 300"
-                       @click.stop/>
+                       @click.stop :disabled="isReadOnly"/>
             <el-tooltip class="item" effect="dark" :content="$t('api_test.script.tip_3')" placement="right">
               <i class="el-icon-info"/>
             </el-tooltip>