From 997138508980791fed7a65772f251fdb2f06aaf0 Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Fri, 19 Nov 2021 16:42:31 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=8E=AF=E5=A2=83=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=8E=AF=E5=A2=83=E7=BC=96=E8=BE=91=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1008085 --user=刘瑞斌 [环境管理]-创建环境时页面显示优化-输入框左右对齐 https://www.tapd.cn/55049933/s/1070605
---
 .../environment/EnvironmentCommonConfig.vue   |   9 +-
 .../settings/workspace/WsEnvironmentList.vue  | 588 +++++++++---------
 2 files changed, 300 insertions(+), 297 deletions(-)

diff --git a/frontend/src/business/components/api/test/components/environment/EnvironmentCommonConfig.vue b/frontend/src/business/components/api/test/components/environment/EnvironmentCommonConfig.vue
index 2300a7868a..907208658e 100644
--- a/frontend/src/business/components/api/test/components/environment/EnvironmentCommonConfig.vue
+++ b/frontend/src/business/components/api/test/components/environment/EnvironmentCommonConfig.vue
@@ -1,10 +1,7 @@
 <template>
   <div>
-    <el-form :model="commonConfig" :rules="rules" ref="commonConfig" :disabled="isReadOnly">
-
-      <span>{{$t('api_test.environment.globalVariable')}}</span>
+    <el-form :model="commonConfig" :rules="rules" ref="commonConfig" :disabled="isReadOnly" label-width="30px">
       <ms-api-scenario-variables :show-copy="false" :items="commonConfig.variables"/>
-
       <el-form-item>
         <el-switch v-model="commonConfig.enableHost" active-text="Hosts"/>
       </el-form-item>
@@ -14,7 +11,9 @@
         <span style="margin-left: 30px">{{$t('api_test.environment.response_timeout')}}:</span>
         <el-input-number style="margin-left: 20px" v-model="commonConfig.responseTimeout">{{$t('api_test.environment.globalVariable')}}</el-input-number>
       </el-form-item>
-      <ms-api-host-table v-if="commonConfig.enableHost" :hostTable="commonConfig.hosts" ref="refHostTable"/>
+      <el-form-item>
+        <ms-api-host-table v-if="commonConfig.enableHost" :hostTable="commonConfig.hosts" ref="refHostTable"/>
+      </el-form-item>
     </el-form>
   </div>
 </template>
diff --git a/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue b/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue
index 697963e023..c659744ec2 100644
--- a/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue
+++ b/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue
@@ -3,7 +3,8 @@
     <el-card class="table-card" v-loading="result.loading">
       <!-- 表头 -->
       <template v-slot:header>
-        <ms-table-header :create-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+CREATE']" :title="$t('api_test.environment.environment_list')" :create-tip="btnTips"
+        <ms-table-header :create-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+CREATE']"
+                         :title="$t('api_test.environment.environment_list')" :create-tip="btnTips"
                          :condition.sync="condition" @search="search" @create="createEnv">
           <template v-slot:button>
             <ms-table-button v-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+IMPORT']" icon="el-icon-box"
@@ -55,14 +56,13 @@
 
     <!-- 创建、编辑、复制环境时的对话框 -->
     <el-dialog :visible.sync="dialogVisible" :close-on-click-modal="false" :title="dialogTitle" width="66%">
-      <div class="project-item">
-        <span>
-          {{$t('project.select')}}
-        </span>
-        <el-select style="width: 50%" @change="handleProjectChange" v-model="currentProjectId" filterable clearable>
-          <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option>
-        </el-select>
-      </div>
+      <el-form label-width="80px" :rules="rules">
+        <el-form-item class="project-item" prop="currentProjectId" :label="$t('project.select')">
+          <el-select @change="handleProjectChange" v-model="currentProjectId" filterable clearable>
+            <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
       <environment-edit :environment="currentEnvironment" ref="environmentEdit" @close="close"
                         :project-id="currentProjectId" @refreshAfterSave="refresh">
       </environment-edit>
@@ -73,17 +73,18 @@
       <el-table :data="conditions">
         <el-table-column prop="socket" :label="$t('load_test.domain')" show-overflow-tooltip width="180">
           <template v-slot:default="{row}">
-            {{getUrl(row)}}
+            {{ getUrl(row) }}
           </template>
         </el-table-column>
-        <el-table-column prop="type" :label="$t('api_test.environment.condition_enable')" show-overflow-tooltip min-width="100px">
+        <el-table-column prop="type" :label="$t('api_test.environment.condition_enable')" show-overflow-tooltip
+                         min-width="100px">
           <template v-slot:default="{row}">
-            {{getName(row)}}
+            {{ getName(row) }}
           </template>
         </el-table-column>
         <el-table-column prop="details" show-overflow-tooltip min-width="120px" :label="$t('api_test.value')">
           <template v-slot:default="{row}">
-            {{getDetails(row)}}
+            {{ getDetails(row) }}
           </template>
         </el-table-column>
         <el-table-column prop="createTime" show-overflow-tooltip min-width="120px" :label="$t('commons.create_time')">
@@ -93,319 +94,322 @@
         </el-table-column>
       </el-table>
       <span slot="footer" class="dialog-footer">
-    <el-button @click="domainVisible = false" size="mini">{{$t('commons.cancel')}}</el-button>
-    <el-button type="primary" @click="domainVisible = false" size="mini">{{$t('commons.confirm')}}</el-button>
+    <el-button @click="domainVisible = false" size="mini">{{ $t('commons.cancel') }}</el-button>
+    <el-button type="primary" @click="domainVisible = false" size="mini">{{ $t('commons.confirm') }}</el-button>
   </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-  import MsTableHeader from "@/business/components/common/components/MsTableHeader";
-  import MsTableButton from "@/business/components/common/components/MsTableButton";
-  import MsTableOperator from "@/business/components/common/components/MsTableOperator";
-  import MsTableOperatorButton from "@/business/components/common/components/MsTableOperatorButton";
-  import MsTablePagination from "@/business/components/common/pagination/TablePagination";
-  import ApiEnvironmentConfig from "@/business/components/api/test/components/ApiEnvironmentConfig";
-  import {Environment, parseEnvironment} from "@/business/components/api/test/model/EnvironmentModel";
-  import EnvironmentEdit from "@/business/components/api/test/components/environment/EnvironmentEdit";
-  import MsAsideItem from "@/business/components/common/components/MsAsideItem";
-  import MsAsideContainer from "@/business/components/common/components/MsAsideContainer";
-  import ProjectSwitch from "@/business/components/common/head/ProjectSwitch";
-  import SearchList from "@/business/components/common/head/SearchList";
-  import {downloadFile} from "@/common/js/utils";
-  import EnvironmentImport from "@/business/components/project/menu/EnvironmentImport";
+import MsTableHeader from "@/business/components/common/components/MsTableHeader";
+import MsTableButton from "@/business/components/common/components/MsTableButton";
+import MsTableOperator from "@/business/components/common/components/MsTableOperator";
+import MsTableOperatorButton from "@/business/components/common/components/MsTableOperatorButton";
+import MsTablePagination from "@/business/components/common/pagination/TablePagination";
+import ApiEnvironmentConfig from "@/business/components/api/test/components/ApiEnvironmentConfig";
+import {Environment, parseEnvironment} from "@/business/components/api/test/model/EnvironmentModel";
+import EnvironmentEdit from "@/business/components/api/test/components/environment/EnvironmentEdit";
+import MsAsideItem from "@/business/components/common/components/MsAsideItem";
+import MsAsideContainer from "@/business/components/common/components/MsAsideContainer";
+import ProjectSwitch from "@/business/components/common/head/ProjectSwitch";
+import SearchList from "@/business/components/common/head/SearchList";
+import {downloadFile} from "@/common/js/utils";
+import EnvironmentImport from "@/business/components/project/menu/EnvironmentImport";
 
-  export default {
-    name: "EnvironmentList",
-    components: {
-      EnvironmentImport,
-      SearchList,
-      ProjectSwitch,
-      MsAsideContainer,
-      MsAsideItem,
-      EnvironmentEdit,
-      ApiEnvironmentConfig,
-      MsTablePagination, MsTableOperatorButton, MsTableOperator, MsTableButton, MsTableHeader
+export default {
+  name: "EnvironmentList",
+  components: {
+    EnvironmentImport,
+    SearchList,
+    ProjectSwitch,
+    MsAsideContainer,
+    MsAsideItem,
+    EnvironmentEdit,
+    ApiEnvironmentConfig,
+    MsTablePagination, MsTableOperatorButton, MsTableOperator, MsTableButton, MsTableHeader
+  },
+  data() {
+    return {
+      btnTips: this.$t('api_test.environment.create'),
+      projectList: [],
+      condition: {},   //封装传递给后端的查询条件
+      environments: [],
+      currentEnvironment: new Environment(),
+      result: {},
+      dialogVisible: false,
+      idNameMap: new Map(),
+      dialogTitle: '',
+      currentProjectId: '',   //复制、创建、编辑环境时所选择项目的id
+      selectRows: [],
+      isTesterPermission: false,
+      domainVisible: false,
+      conditions: [],
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+      projectIds: [],   //当前工作空间所拥有的所有项目id
+      projectFilters: [],
+      screenHeight: 'calc(100vh - 195px)',
+      rules: {
+        currentProjectId: [
+          {required: true, message: "", trigger: 'blur'},
+        ],
+      }
+    };
+  },
+  created() {
+
+  },
+
+  activated() {
+    this.list();
+  },
+
+  watch: {
+    //当创建及复制环境所选择的项目变化时，改变当前环境对应的projectId
+    currentProjectId() {
+      // el-select什么都不选时值为''，为''的话也会被当成有效的projectId传给后端，转化使其无效
+      if (this.currentProjectId === '') {
+        this.currentEnvironment.projectId = null;
+      } else {
+        this.currentEnvironment.projectId = this.currentProjectId;
+      }
+    }
+
+  },
+
+  methods: {
+    showInfo(row) {
+      const config = JSON.parse(row.config);
+      this.conditions = config.httpConfig.conditions;
+      this.domainVisible = true;
     },
-    data() {
-      return {
-        btnTips: this.$t('api_test.environment.create'),
-        projectList: [],
-        condition: {},   //封装传递给后端的查询条件
-        environments: [],
-        currentEnvironment: new Environment(),
-        result: {},
-        dialogVisible: false,
-        idNameMap: new Map(),
-        dialogTitle: '',
-        currentProjectId: '',   //复制、创建、编辑环境时所选择项目的id
-        selectRows: [],
-        isTesterPermission: false,
-        domainVisible: false,
-        conditions: [],
-        currentPage: 1,
-        pageSize: 10,
-        total: 0,
-        projectIds: [],   //当前工作空间所拥有的所有项目id
-        projectFilters: [],
-        screenHeight: 'calc(100vh - 195px)',
+    getName(row) {
+      switch (row.type) {
+        case "NONE":
+          return this.$t("api_test.definition.document.data_set.none");
+        case "MODULE":
+          return this.$t("test_track.module.module");
+        case "PATH":
+          return this.$t("api_test.definition.api_path");
       }
     },
-    created() {
-
+    getUrl(row) {
+      return row.protocol + "://" + row.socket;
     },
-
-    activated() {
+    getDetails(row) {
+      if (row && row.type === "MODULE") {
+        if (row.details && row.details instanceof Array) {
+          let value = "";
+          row.details.forEach((item) => {
+            value += item.name + ",";
+          });
+          if (value.endsWith(",")) {
+            value = value.substr(0, value.length - 1);
+          }
+          return value;
+        }
+      } else if (row && row.type === "PATH" && row.details.length > 0 && row.details[0].name) {
+        return row.details[0].value === "equals" ? this.$t("commons.adv_search.operators.equals") + row.details[0].name : this.$t("api_test.request.assertions.contains") + row.details[0].name;
+      } else {
+        return "";
+      }
+    },
+    list() {
+      if (!this.projectList || this.projectList.length === 0) {   //没有项目数据的话请求项目数据
+        this.$get("/project/listAll", (response) => {
+          this.projectList = response.data;  //获取当前工作空间所拥有的项目,
+          this.projectList.forEach(project => {
+            this.idNameMap.set(project.id, project.name);
+            this.projectIds.push(project.id);
+            this.projectFilters.push({
+              text: project.name,
+              value: project.id,
+            });
+          });
+          this.getEnvironments();
+        });
+      } else {
+        this.getEnvironments();
+      }
+    },
+    getEnvironments(projectIds) {
+      this.environments = [];
+      if (projectIds && projectIds.length > 0) {
+        this.condition.projectIds = projectIds;
+      } else {
+        this.condition.projectIds = this.projectIds;
+      }
+      let url = '/api/environment/list/' + this.currentPage + '/' + this.pageSize;
+      this.result = this.$post(url, this.condition, response => {
+        this.environments = response.data.listObject;
+        this.total = response.data.itemCount;
+      });
+    },
+    createEnv() {
+      this.currentProjectId = '';
+      this.dialogTitle = this.$t('api_test.environment.create');
+      this.dialogVisible = true;
+      this.currentEnvironment = new Environment();
+    },
+    search() {
       this.list();
     },
-
-    watch: {
-      //当创建及复制环境所选择的项目变化时，改变当前环境对应的projectId
-      currentProjectId() {
-        // el-select什么都不选时值为''，为''的话也会被当成有效的projectId传给后端，转化使其无效
-        if (this.currentProjectId === '') {
-          this.currentEnvironment.projectId = null;
-        } else {
-          this.currentEnvironment.projectId = this.currentProjectId;
-        }
-      }
-
+    editEnv(environment) {
+      this.dialogTitle = this.$t('api_test.environment.config_environment');
+      this.currentProjectId = environment.projectId;
+      const temEnv = {};
+      Object.assign(temEnv, environment);
+      parseEnvironment(temEnv);   //parseEnvironment会改变环境对象的内部结构，从而影响前端列表的显示，所以复制一个环境对象作为代替
+      this.currentEnvironment = temEnv;
+      this.dialogVisible = true;
     },
 
-    methods: {
-      showInfo(row) {
-        const config = JSON.parse(row.config);
-        this.conditions = config.httpConfig.conditions;
-        this.domainVisible = true;
-      },
-      getName(row) {
-        switch (row.type) {
-          case "NONE":
-            return this.$t("api_test.definition.document.data_set.none");
-          case "MODULE":
-            return this.$t("test_track.module.module");
-          case "PATH":
-            return this.$t("api_test.definition.api_path");
+    copyEnv(environment) {
+      this.currentProjectId = environment.projectId;  //复制时默认选择所要复制环境对应的项目
+      this.dialogTitle = this.$t('api_test.environment.copy_environment');
+      const temEnv = {};
+      Object.assign(temEnv, environment);
+      parseEnvironment(temEnv);   //parseEnvironment会改变环境对象的内部结构，从而影响前端列表的显示，所以复制一个环境对象作为代替
+      let newEnvironment = new Environment(temEnv);
+      newEnvironment.id = null;
+      newEnvironment.name = this.getNoRepeatName(newEnvironment.name);
+      this.dialogVisible = true;
+      this.currentEnvironment = newEnvironment;
+
+    },
+    deleteEnv(environment) {
+      if (environment.id) {
+        this.$confirm(this.$t('commons.confirm_delete') + environment.name, {
+          confirmButtonText: this.$t('commons.confirm'),
+          cancelButtonText: this.$t('commons.cancel'),
+          type: "warning"
+        }).then(() => {
+          this.result = this.$get('/api/environment/delete/' + environment.id, () => {
+            this.$success(this.$t('commons.delete_success'));
+            this.list();
+          });
+        }).catch(() => {
+          this.$info(this.$t('commons.delete_cancelled'));
+        });
+      }
+    },
+    getNoRepeatName(name) {
+      for (let i in this.environments) {
+        if (this.environments[i].name === name) {
+          return this.getNoRepeatName(name + ' copy');
         }
-      },
-      getUrl(row) {
-        return row.protocol + "://" + row.socket;
-      },
-      getDetails(row) {
-        if (row && row.type === "MODULE") {
-          if (row.details && row.details instanceof Array) {
-            let value = "";
-            row.details.forEach((item) => {
-              value += item.name + ",";
+      }
+      return name;
+    },
+
+    //筛选指定项目下的环境
+    filter(filters) {
+      this.getEnvironments(filters.projectId);
+    },
+
+    //对话框取消按钮
+    close() {
+      this.dialogVisible = false;
+      this.$refs.environmentEdit.clearValidate();
+    },
+    refresh() {
+      this.list();
+    },
+    handleSelectionChange(value) {
+      this.selectRows = value;
+    },
+    importJSON() {
+      this.$refs.envImport.open();
+    },
+    exportJSON() {
+      if (this.selectRows.length < 1) {
+        this.$warning(this.$t('api_test.environment.select_environment'));
+        return;
+      }
+      //拷贝一份选中的数据，不然下面删除id和projectId的时候会影响原数据
+      const envs = JSON.parse(JSON.stringify(this.selectRows));
+      envs.map(env => {  //不导出id和projectId和模块启用条件
+        if (env.config) {  //旧环境可能没有config数据
+          let tempConfig = JSON.parse(env.config);
+          if (tempConfig.httpConfig.conditions && tempConfig.httpConfig.conditions.length > 0) {
+            tempConfig.httpConfig.conditions = tempConfig.httpConfig.conditions.filter(condition => {   //删除”模块启用条件“，因为导入导出环境对应的项目不同，模块也就不同，
+              return condition.type !== 'MODULE';
             });
-            if (value.endsWith(",")) {
-              value = value.substr(0, value.length - 1);
-            }
-            return value;
+            env.config = JSON.stringify(tempConfig);
+          }
+        }
+        delete env.id;
+        delete env.projectId;
+      });
+      downloadFile('MS_' + envs.length + '_Environments.json', JSON.stringify(envs));
+    },
+
+    handleProjectChange() {   //项目选择下拉框选择其他项目后清空“启用条件”,因为项目变了模块也就变了。
+      this.currentEnvironment.config.httpConfig.conditions = [];
+    },
+    parseDomainName(environment) {   //解析出环境域名用于前端展示
+      if (environment.config) {
+        const config = JSON.parse(environment.config);
+        if (config.httpConfig && !config.httpConfig.conditions) {
+          if (config.httpConfig.protocol && config.httpConfig.domain) {
+            return config.httpConfig.protocol + "://" + config.httpConfig.domain;
           }
-        } else if (row && row.type === "PATH" && row.details.length > 0 && row.details[0].name) {
-          return row.details[0].value === "equals" ? this.$t("commons.adv_search.operators.equals") + row.details[0].name : this.$t("api_test.request.assertions.contains") + row.details[0].name;
-        } else {
           return "";
-        }
-      },
-      list() {
-        if (!this.projectList || this.projectList.length === 0) {   //没有项目数据的话请求项目数据
-          this.$get("/project/listAll", (response) => {
-            this.projectList = response.data;  //获取当前工作空间所拥有的项目,
-            this.projectList.forEach(project => {
-              this.idNameMap.set(project.id, project.name);
-              this.projectIds.push(project.id);
-              this.projectFilters.push({
-                text: project.name,
-                value: project.id,
-              })
-            });
-            this.getEnvironments();
-          })
         } else {
-          this.getEnvironments()
-        }
-      },
-      getEnvironments(projectIds){
-        this.environments = [];
-        if (projectIds && projectIds.length > 0) {
-          this.condition.projectIds = projectIds;
-        } else {
-          this.condition.projectIds = this.projectIds;
-        }
-        let url = '/api/environment/list/' + this.currentPage + '/' + this.pageSize;
-        this.result = this.$post(url, this.condition, response => {
-          this.environments = response.data.listObject;
-          this.total = response.data.itemCount;
-        })
-      },
-      createEnv() {
-        this.currentProjectId = '';
-        this.dialogTitle = this.$t('api_test.environment.create');
-        this.dialogVisible = true;
-        this.currentEnvironment = new Environment();
-      },
-      search() {
-        this.list()
-      },
-      editEnv(environment) {
-        this.dialogTitle = this.$t('api_test.environment.config_environment');
-        this.currentProjectId = environment.projectId;
-        const temEnv = {};
-        Object.assign(temEnv, environment);
-        parseEnvironment(temEnv);   //parseEnvironment会改变环境对象的内部结构，从而影响前端列表的显示，所以复制一个环境对象作为代替
-        this.currentEnvironment = temEnv;
-        this.dialogVisible = true;
-      },
-
-      copyEnv(environment) {
-        this.currentProjectId = environment.projectId;  //复制时默认选择所要复制环境对应的项目
-        this.dialogTitle = this.$t('api_test.environment.copy_environment');
-        const temEnv = {};
-        Object.assign(temEnv, environment);
-        parseEnvironment(temEnv);   //parseEnvironment会改变环境对象的内部结构，从而影响前端列表的显示，所以复制一个环境对象作为代替
-        let newEnvironment = new Environment(temEnv);
-        newEnvironment.id = null;
-        newEnvironment.name = this.getNoRepeatName(newEnvironment.name);
-        this.dialogVisible = true;
-        this.currentEnvironment = newEnvironment;
-
-      },
-      deleteEnv(environment) {
-        if (environment.id) {
-          this.$confirm(this.$t('commons.confirm_delete') + environment.name,  {
-            confirmButtonText: this.$t('commons.confirm'),
-            cancelButtonText: this.$t('commons.cancel'),
-            type: "warning"
-          }).then(() => {
-            this.result = this.$get('/api/environment/delete/' + environment.id, () => {
-              this.$success(this.$t('commons.delete_success'));
-              this.list();
-            });
-          }).catch(() => {
-            this.$info(this.$t('commons.delete_cancelled'));
-          })
-        }
-      },
-      getNoRepeatName(name) {
-        for (let i in this.environments) {
-          if (this.environments[i].name === name) {
-            return this.getNoRepeatName(name + ' copy');
-          }
-        }
-        return name;
-      },
-
-      //筛选指定项目下的环境
-      filter(filters) {
-        this.getEnvironments(filters.projectId)
-      },
-
-      //对话框取消按钮
-      close() {
-        this.dialogVisible = false;
-        this.$refs.environmentEdit.clearValidate();
-      },
-      refresh() {
-        this.list();
-      },
-      handleSelectionChange(value) {
-        this.selectRows = value;
-      },
-      importJSON() {
-        this.$refs.envImport.open();
-      },
-      exportJSON() {
-        if (this.selectRows.length < 1) {
-          this.$warning(this.$t('api_test.environment.select_environment'));
-          return;
-        }
-        //拷贝一份选中的数据，不然下面删除id和projectId的时候会影响原数据
-        const envs = JSON.parse(JSON.stringify(this.selectRows));
-        envs.map(env => {  //不导出id和projectId和模块启用条件
-          if (env.config){  //旧环境可能没有config数据
-            let tempConfig = JSON.parse(env.config);
-            if (tempConfig.httpConfig.conditions && tempConfig.httpConfig.conditions.length > 0) {
-              tempConfig.httpConfig.conditions = tempConfig.httpConfig.conditions.filter(condition => {   //删除”模块启用条件“，因为导入导出环境对应的项目不同，模块也就不同，
-                return condition.type !== 'MODULE';
-              });
-              env.config = JSON.stringify(tempConfig);
+          if (config.httpConfig.conditions.length === 1) {
+            let obj = config.httpConfig.conditions[0];
+            if (obj.protocol && obj.domain) {
+              return obj.protocol + "://" + obj.domain;
             }
-          }
-          delete env.id;
-          delete env.projectId;
-        })
-        downloadFile('MS_' + envs.length + '_Environments.json', JSON.stringify(envs));
-      },
-
-      handleProjectChange() {   //项目选择下拉框选择其他项目后清空“启用条件”,因为项目变了模块也就变了。
-        this.currentEnvironment.config.httpConfig.conditions = [];
-      },
-      parseDomainName(environment) {   //解析出环境域名用于前端展示
-        if (environment.config) {
-          const config = JSON.parse(environment.config);
-          if (config.httpConfig && !config.httpConfig.conditions) {
-            if (config.httpConfig.protocol && config.httpConfig.domain) {
-              return config.httpConfig.protocol + "://" + config.httpConfig.domain;
-            }
-            return "";
+          } else if (config.httpConfig.conditions.length > 1) {
+            return "SHOW_INFO";
           } else {
-            if (config.httpConfig.conditions.length === 1) {
-              let obj = config.httpConfig.conditions[0];
-              if (obj.protocol && obj.domain) {
-                return obj.protocol + "://" + obj.domain;
-              }
-            } else if (config.httpConfig.conditions.length > 1) {
-              return "SHOW_INFO";
-            }
-            else {
-              return "";
-            }
+            return "";
           }
-        } else {  //旧版本没有对应的config数据,其域名保存在protocol和domain中
-          return environment.protocol + '://' + environment.domain;
         }
+      } else {  //旧版本没有对应的config数据,其域名保存在protocol和domain中
+        return environment.protocol + '://' + environment.domain;
       }
+    }
 
-    },
+  },
 
 
-
-  }
+};
 </script>
 
 <style scoped>
-  .item-bar {
-    width: 100%;
-    background: #F9F9F9;
-    padding: 5px 10px;
-    box-sizing: border-box;
-    border: solid 1px #e6e6e6;
-  }
+.item-bar {
+  width: 100%;
+  background: #F9F9F9;
+  padding: 5px 10px;
+  box-sizing: border-box;
+  border: solid 1px #e6e6e6;
+}
 
-  .item-selected {
-    background: #ECF5FF;
-    border-left: solid #409EFF 5px;
-  }
+.item-selected {
+  background: #ECF5FF;
+  border-left: solid #409EFF 5px;
+}
 
-  .item-selected .item-right {
-    visibility: visible;
-  }
+.item-selected .item-right {
+  visibility: visible;
+}
 
-  .environment-edit {
-    margin-left: 0;
-    width: 100%;
-    border: 0;
-  }
+.environment-edit {
+  margin-left: 0;
+  width: 100%;
+  border: 0;
+}
 
-  .project-item {
-    padding-left: 10px;
-    padding-right: 20px;
-  }
+.project-item {
+  padding-left: 10px;
+  padding-right: 10px;
+}
 
-  .project-item .el-select {
-    margin-top: 15px;
-  }
+.project-item .el-select {
+  width: 100%;
+}
 </style>