style(接口测试): 转性能测试页面样式优化

--bug=1015665 --user=赵勇 【所有模块】接口case转性能测试弹框显示优化+其他弹框显示位置保持一致。 https://www.tapd.cn/55049933/s/1229067

frontend/src/business/components/api/definition/components/basis/SetEnvironment.vue

@@ -3,28 +3,21 @@
     <el-dialog
       :title="$t('api_test.environment.select_environment')"
       :visible.sync="dialogVisible"
-      width="15%"
+      width="400px"
       :destroy-on-close="true"
-      @close="handleClose"
-    >
-      <el-form  ref="form">
-        <el-form-item prop="type">
-          <el-select v-model="environmentId" value-key="id"  class="ms-htt-width"
-                     :placeholder="$t('api_test.definition.request.run_env')"
-                     clearable>
-            <el-option v-for="(environment, index) in environments" :key="index"
-                       :label="environment.name"
-                       :value="environment.id"/>
-            <template v-slot:empty>
-              <div class="empty-environment">
-              </div>
-            </template>
-          </el-select>
-        </el-form-item>
-      </el-form>
-
+      @close="handleClose">
+      <el-select v-model="environmentId" value-key="id" class="ms-htt-width"
+                 :placeholder="$t('api_test.definition.request.run_env')"
+                 clearable>
+        <el-option v-for="(environment, index) in environments" :key="index"
+                   :label="environment.name"
+                   :value="environment.id"/>
+        <template v-slot:empty>
+          <div class="empty-environment">
+          </div>
+        </template>
+      </el-select>
       <template v-slot:footer>
-        <!--        <el-button onclick="this.handleClose">{{ $t('commons.cancel') }}</el-button>-->
         <el-button type="primary" @click="createPerformance" @keydown.enter.native.prevent>
           {{ $t('commons.confirm') }}
         </el-button>
@@ -103,7 +96,7 @@ export default {
     createPerformance() {
       this.$get('/api/testcase/findById/' + this.testCase.id, response => {
         let testCaseInfo = response.data;
-        if(testCaseInfo!=null){
+        if (testCaseInfo != null) {
           this.$emit("createPerformance", testCaseInfo, this.environment);
         }
       });
@@ -113,5 +106,7 @@ export default {
 </script>
 
 <style scoped>
-
+.ms-htt-width {
+  width: 100%;
+}
 </style>

frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue

@@ -266,8 +266,8 @@
       <sync-setting ref="synSetting"></sync-setting>
       <span style="color: red">{{ $t('workstation.batch_sync_api_tips') }}</span>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="batchSyncCaseVisible = false">取 消</el-button>
-        <el-button type="primary" @click="batchSync()">确 定</el-button>
+        <el-button @click="batchSyncCaseVisible = false">{{ $t('commons.cancel') }}</el-button>
+        <el-button type="primary" @click="batchSync()">{{ $t('commons.confirm') }}</el-button>
       </span>
     </el-dialog>
   </span>