kyfx
/
api-testing
mirror of https://github.com/LinuxSuRen/api-testing.git
5
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add view YAML full screen (#443)

This commit is contained in:
SamYSF 2024-05-20 15:24:38 +08:00 committed by GitHub
parent 38a309f9f2
commit ba485ce922
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 32 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
console/atest-ui/src/locales/en.json
View File

@ -15,7 +15,9 @@
"viewYaml":"View YAML",
"verify": "Verify",
"generateCode": "Generate Code",
"sendWithParam": "Send With Parameter"
"sendWithParam": "Send With Parameter",
"fullScreen": "Full Screen",
"cancelFullScreen": "Cancel Full Screen"
},
"title": {
"createTestSuite": "Create Test Suite",

4
console/atest-ui/src/locales/zh.json
View File

@ -15,7 +15,9 @@
"viewYaml":"查看 YAML",
"verify": "检查",
"generateCode": "生成代码",
"sendWithParam": "参数化"
"sendWithParam": "参数化",
"fullScreen": "全屏显示",
"cancelFullScreen": "取消全屏"
},
"title": {
"createTestSuite": "创建测试用例集",

33
console/atest-ui/src/views/TestSuite.vue
View File

@ -87,6 +87,7 @@ function save() {
})
}
const isFullScreen = ref(false)
const dialogVisible = ref(false)
const testcaseFormRef = ref<FormInstance>()
const testCaseForm = reactive({
@ -276,12 +277,15 @@ function viewYaml(){
<el-divider />
</div>
<el-button type="primary" @click="save" v-if="!Cache.GetCurrentStore().readOnly">{{ t('button.save') }}</el-button>
<el-button type="primary" @click="save" disabled v-if="Cache.GetCurrentStore().readOnly">{{ t('button.save') }}</el-button>
<el-button type="primary" @click="del" test-id="suite-del-but">{{ t('button.delete') }}</el-button>
<el-button type="primary" @click="openNewTestCaseDialog" :icon="Edit" test-id="open-new-case-dialog">{{ t('button.newtestcase') }}</el-button>
<el-button type="primary" @click="convert" test-id="convert">{{ t('button.export') }}</el-button>
<el-button type="primary" @click="viewYaml" test-id="view-yaml">{{ t('button.viewYaml') }}</el-button>
<div class="button-container">
<el-button type="primary" @click="save" v-if="!Cache.GetCurrentStore().readOnly">{{ t('button.save') }}</el-button>
<el-button type="primary" @click="save" disabled v-if="Cache.GetCurrentStore().readOnly">{{ t('button.save') }}</el-button>
<el-button type="primary" @click="del" test-id="suite-del-but">{{ t('button.delete') }}</el-button>
<el-button type="primary" @click="openNewTestCaseDialog" :icon="Edit" test-id="open-new-case-dialog">{{ t('button.newtestcase') }}</el-button>
<el-button type="primary" @click="convert" test-id="convert">{{ t('button.export') }}</el-button>
<el-button type="primary" @click="viewYaml" test-id="view-yaml">{{ t('button.viewYaml') }}</el-button>
</div>
</div>
<el-dialog v-model="dialogVisible" :title="t('title.createTestCase')" width="40%" draggable>
@ -342,9 +346,24 @@ function viewYaml(){
</template>
</el-dialog>
<el-dialog v-model="yamlDialogVisible" :title="t('button.viewYaml')" width="40%" draggable>
<el-dialog v-model="yamlDialogVisible" :title="t('button.viewYaml')" :fullscreen="isFullScreen" width="40%" draggable>
<el-button type="primary" @click="isFullScreen = !isFullScreen" style="margin-bottom: 10px;">
<p>{{ isFullScreen ? t('button.cancelFullScreen') : t('button.fullScreen') }}</p>
</el-button>
<el-scrollbar>
<Codemirror v-model="yamlFormat"/>
</el-scrollbar>
</el-dialog>
</template>
<style scoped>
.button-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.button-container > .el-button + .el-button {
margin-left:0px;
}
</style>