|
|
@@ -196,30 +196,24 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="修改" name="second" style="">
|
|
|
<div style="overflow: auto;height: 80vh;">
|
|
|
- <el-form size="mini" :key="tableKey" style="margin-left: 0%;width: 98%;" :model="formJi" label-position="right" ref="formRefJi" label-width="120px" :rules="rulesJi">
|
|
|
- <el-form-item label="接口地址:" prop="enname" style="">
|
|
|
- <div style="display: flex;width: 100%;">
|
|
|
- <el-input
|
|
|
- v-model="input3"
|
|
|
- style="width: 70%;"
|
|
|
- placeholder=""
|
|
|
- class="input-with-select"
|
|
|
- >
|
|
|
- <template #prepend>
|
|
|
- <el-select v-model="select" placeholder="" style="width: 115px">
|
|
|
- <el-option label="http://" value="1" />
|
|
|
- <el-option label="https://" value="2" />
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- </el-input>
|
|
|
- <el-button type="primary" @click="showAdd" style="margin-left: 20%;">提交</el-button>
|
|
|
- <el-button type="danger" @click="showAdd" style="margin-left: 1%;">删除</el-button>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
+ <div style="display: flex;margin-top: 1%;">
|
|
|
+ <el-button type="primary" @click="showAdd" style="margin-left: 80%;">提交</el-button>
|
|
|
+ <el-button type="danger" @click="showAdd" style="margin-left: 1%;">删除</el-button>
|
|
|
+ </div>
|
|
|
+ <el-form size="mini" :key="tableKey" style="margin-top: -2%;width: 98%;" :model="formJi" label-position="right" ref="formRefJi" label-width="120px" :rules="rulesJi">
|
|
|
<el-row :gutter="48">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="服务分类:" prop="name" style="">
|
|
|
- <el-select
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="服务名称:" prop="version" style="">
|
|
|
+ <div style="display: flex;width: 100%;justify-content: space-between;">
|
|
|
+ <el-input v-model="formJi.version" style="width: 100%;"/>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="接口类型:" prop="name" style="">
|
|
|
+ <div style="display: flex;width: 100%;justify-content: space-between;">
|
|
|
+ <el-select
|
|
|
v-model="formJi.type"
|
|
|
:disabled="isEdit"
|
|
|
style="width: 100%;margin-left: 0%;"
|
|
|
@@ -231,17 +225,34 @@
|
|
|
:value="item.value"
|
|
|
/>
|
|
|
</el-select>
|
|
|
+ <div style="display: flex;">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="服务名称:" prop="version" style="">
|
|
|
- <el-input v-model="formJi.version" :disabled="isEdit"/>
|
|
|
- </el-form-item>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="48">
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="接口地址:" prop="enname" style="">
|
|
|
+ <el-input
|
|
|
+ v-model="input3"
|
|
|
+ style="width: 100%;"
|
|
|
+ placeholder=""
|
|
|
+ class="input-with-select"
|
|
|
+ >
|
|
|
+ <template #prepend>
|
|
|
+ <el-select v-model="select" placeholder="" style="width: 115px">
|
|
|
+ <el-option label="http://" value="1" />
|
|
|
+ <el-option label="https://" value="2" />
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="48">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="接口格式:" prop="name" style="">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="请求方式:" prop="name" style="">
|
|
|
<el-select
|
|
|
v-model="formJi.type"
|
|
|
:disabled="isEdit"
|
|
|
@@ -256,11 +267,28 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="请求方式:" prop="version" style="">
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="48">
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="响应类型:" prop="name" style="display: flex; align-items: center;">
|
|
|
+ <el-radio-group v-model="radio1" class="ml-4" style="display: inline-flex; align-items: center;">
|
|
|
+ <el-radio label="1" size="large" style="display: inline-flex; align-items: center;">
|
|
|
+ <span style="position: relative; top: -1px">JSON</span> <!-- 微调文字位置 -->
|
|
|
+ </el-radio>
|
|
|
+ <el-radio label="2" size="large" style="display: inline-flex; align-items: center;">
|
|
|
+ <span style="position: relative; top: -1px">XML</span>
|
|
|
+ </el-radio>
|
|
|
+ <el-radio label="3" size="large" style="display: inline-flex; align-items: center;">
|
|
|
+ <span style="position: relative; top: -1px">HTML</span>
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="8">
|
|
|
+ <el-form-item label="请求方式:" prop="name" style="">
|
|
|
<el-select
|
|
|
- v-model="formJi.type"
|
|
|
- :disabled="isEdit"
|
|
|
+ v-model="formJi.type"
|
|
|
+ :disabled="isEdit"
|
|
|
style="width: 100%;margin-left: 0%;"
|
|
|
>
|
|
|
<el-option
|
|
|
@@ -271,24 +299,25 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="48">
|
|
|
+ <el-col :span="13">
|
|
|
+ <el-form-item label="服务说明:">
|
|
|
+ <el-input v-model="formJi.intro" style="width: 100%;" :rows="3" resize="none" type="textarea"/>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-form-item label="返回格式:" prop="version" style="">
|
|
|
- <el-input v-model="formJi.version" :disabled="isEdit"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="组件简介:">
|
|
|
- <el-input v-model="formJi.intro" style="width: 100%;" :disabled="isEdit" :rows="2" resize="none" type="textarea"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="组件简介:">
|
|
|
- <el-input v-model="formJi.intro" style="width: 100%;" :disabled="isEdit" :rows="2" resize="none" type="textarea"/>
|
|
|
- </el-form-item>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
</el-form>
|
|
|
<div style="margin-top: 2%;">
|
|
|
- <div>
|
|
|
+ <div style="display: flex;justify-content: space-between;">
|
|
|
+ <div>
|
|
|
请求参数
|
|
|
- </div>
|
|
|
- <div style="display: flex;justify-content: flex-end;margin-right: 2%;">
|
|
|
- <el-button @click="addPa" style="margin-top: 1%;" type="success" size="mini" plain>新增参数</el-button>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content: flex-end;margin-right: 2%;">
|
|
|
+ <el-button @click="addPa" style="margin-top: 1%;" type="success" size="mini" plain>新增参数</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div>
|
|
|
<el-table
|
|
|
@@ -301,32 +330,44 @@
|
|
|
<el-table-column prop="itemName" label="参数字段">
|
|
|
<template #default="scope">
|
|
|
<div style="width: 100%;">
|
|
|
- <el-input type="primary" v-model="scope.row.itemName" size="mini" text style="margin-left: 0%;border: transparent;"></el-input>
|
|
|
+ <el-input type="primary" class="noBor" v-model="scope.row.itemName" size="mini" text style="margin-left: 0%;border: transparent;"></el-input>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="itemName" label="参数名称">
|
|
|
<template #default="scope">
|
|
|
<div style="width: 100%;">
|
|
|
- <el-input type="primary" v-model="scope.row.itemName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
+ <el-input type="primary" class="noBor" v-model="scope.row.itemName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="itemName" label="参数类型">
|
|
|
+ <el-table-column prop="itemName" label="参数类型" width="200">
|
|
|
<template #default="scope">
|
|
|
<div style="width: 100%;">
|
|
|
- <el-input type="primary" v-model="scope.row.itemName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
+ <el-select
|
|
|
+ v-model="formJi.type"
|
|
|
+ class="noBorSel"
|
|
|
+ placeholder=""
|
|
|
+ style="width: 100%;margin-left: 0%;"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in optionsType"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="itemName" label="参数说明" width="100">
|
|
|
+ <el-table-column prop="itemName" label="参数说明" >
|
|
|
<template #default="scope">
|
|
|
<div style="width: 100%;">
|
|
|
- <el-input type="primary" v-model="scope.row.itemName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
+ <el-input type="primary" class="noBor" v-model="scope.row.itemName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="address" label="操作" width="222">
|
|
|
+ <el-table-column prop="address" label="操作" width="100">
|
|
|
<template #default="scope">
|
|
|
<div style="width: 100%;">
|
|
|
<el-button type="danger" @click="delCan(scope.row)" size="mini" text style="margin-left: 0%;">删除</el-button>
|
|
|
@@ -339,10 +380,9 @@
|
|
|
</div>
|
|
|
<div style="margin-top: 2%;">
|
|
|
<div>返回响应</div>
|
|
|
- <el-tabs type="card" style="margin-top: 1%;">
|
|
|
+ <div style="color: #909399;margin-left: 7%;margin-top:1%;">此处填写本服务接口响应信息描述</div>
|
|
|
+ <el-tabs type="card" style="margin-top: -1.5%;width: 98%;">
|
|
|
<el-tab-pane label="成功">
|
|
|
- <div style="display: flex;align-items: center;line-height: 1.5;font-size: 14px;margin-left: 1%;color: #606266;">
|
|
|
- </div>
|
|
|
<div style="display: flex; flex-direction: column;">
|
|
|
<!-- <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" style="margin-top: 1%;margin-left: 2%;background-color: #F7F7F7;background-color: transparent;width: 15%;" default-expand-all>
|
|
|
<template #default="{ node, data }">
|
|
|
@@ -381,31 +421,34 @@
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-tree> -->
|
|
|
- <el-input :rows="8" type="textarea" v-model="titleTree" size="mini" text style="margin-left: 1%;width: 98%;" ></el-input>
|
|
|
+
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
+ <div style="overflow: auto;height: 20vh;margin-top: -1%;">
|
|
|
+ <JsonEditorVue
|
|
|
+ v-model="msgSu"
|
|
|
+ style="height:98%;width: 98%;"
|
|
|
+ :mode="'code'"
|
|
|
+ :showBtns="false"
|
|
|
+ :options="{
|
|
|
+ navigationBar: false, // 隐藏顶部导航栏
|
|
|
+ statusBar: false, // 隐藏底部状态栏
|
|
|
+ mode: 'code', // 仅保留代码编辑模式
|
|
|
+ mainMenuBar: false // 隐藏主菜单栏
|
|
|
+ }"
|
|
|
+ lang="zh"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div style="margin-top: 2.5%;margin-left: 1%;padding-bottom: 1%;">
|
|
|
- <el-tabs type="card" style="margin-top: 1%;">
|
|
|
- <el-tab-pane label="成功示例">
|
|
|
- <div style="overflow: auto;height: 20vh;">
|
|
|
- <JsonEditorVue
|
|
|
- v-model="msgSu"
|
|
|
- style="height:100%;"
|
|
|
- :mode="'code'"
|
|
|
- :showBtns="false"
|
|
|
- :options="{
|
|
|
- navigationBar: false, // 隐藏顶部导航栏
|
|
|
- statusBar: false, // 隐藏底部状态栏
|
|
|
- mode: 'code', // 仅保留代码编辑模式
|
|
|
- mainMenuBar: false // 隐藏主菜单栏
|
|
|
- }"
|
|
|
- lang="zh"
|
|
|
- />
|
|
|
- </div>
|
|
|
+ <div style="margin-top: 2.5%;margin-left: 0%;padding-bottom: 1%;">
|
|
|
+
|
|
|
+ <el-tabs type="card" style="margin-top: -1.5%;width: 98%;">
|
|
|
+ <el-tab-pane label="使用说明">
|
|
|
+
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
+ <el-input placeholder="请输入示例" :rows="8" type="textarea" v-model="titleTree" size="mini" text style="margin-top: -1%;width: 98%;" ></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
@@ -863,6 +906,16 @@ onMounted(() => {
|
|
|
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
+.noBorSel :deep(.el-select__wrapper){
|
|
|
+ box-shadow: none !important; /* 去除阴影边框 */
|
|
|
+ border: 1px solid transparent !important; /* 设置透明边框 */
|
|
|
+ background-color: transparent !important; /* 可选：透明背景 */
|
|
|
+}
|
|
|
+.noBor :deep(.el-input__wrapper) {
|
|
|
+ box-shadow: none !important; /* 去除阴影边框 */
|
|
|
+ border: 1px solid transparent !important; /* 设置透明边框 */
|
|
|
+ background-color: transparent !important; /* 可选：透明背景 */
|
|
|
+}
|
|
|
/* 节点垂直间距 */
|
|
|
:deep(.el-tree-node) {
|
|
|
margin-bottom:5px !important; /* 增大节点间距 */
|
