Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
aa08c8f7 by ouchao@pashanhoo.com
Options

新增数据共享的页面

1 parent 024645b7
Inline Side-by-side
Showing 2 changed files with 324 additions and 0 deletions
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="70px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="接口类型">
9 <el-input
10 placeholder="请输入编号"
11 v-model="queryForm.jklx"
12 class="width200px"
13 clearable
14 ></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="5">
18 <el-form-item label="调用状态">
19 <el-input
20 placeholder="请输入编号"
21 v-model="queryForm.dyzt"
22 class="width200px"
23 clearable
24 ></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="5">
30 <el-form-item label="访问IP">
31
32 <el-input
33 placeholder="请输入IP"
34 v-model="queryForm.fwip"
35 class="width200px"
36 clearable
37 ></el-input>
38
39 </el-form-item>
40 </el-col>
41 <el-col :span="5">
42 <el-form-item label="访问时间">
43 <el-input placeholder="请输入业务号" v-model="queryForm.fwsj" clearable class="width200px">
44 </el-input>
45 </el-form-item>
46 </el-col>
47 </el-row>
48 <el-row>
49 <el-col :span="10">
50 <el-form-item label="请求地址">
51
52 <el-input
53 placeholder="请输入url"
54 v-model="queryForm.qqdz"
55 class="width500px"
56 clearable
57 ></el-input>
58
59 </el-form-item>
60 </el-col>
61 </el-row>
62
63 </el-row>
64 <el-row>
65 <el-col :span="20">
66 <el-form-item label="请求头数据">
67
68 <el-input
69 placeholder="请输入请求头数据"
70 v-model="queryForm.qqtsj"
71 class="width500px"
72 clearable
73 ></el-input>
74
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row>
79 <el-col :span="20">
80 <el-form-item label="入参数据">
81
82 <el-input
83 placeholder="请输入参数"
84 v-model="queryForm.rcsj"
85 class="width500px"
86 clearable
87 ></el-input>
88
89 </el-form-item>
90 </el-col>
91 </el-row>
92
93 <el-row>
94 <el-col :span="5">
95 <el-form-item label="调用描述">
96
97 <el-input
98 placeholder="调用描述"
99 v-model="queryForm.dyms"
100 class="width200px"
101 clearable
102 ></el-input>
103
104 </el-form-item>
105 </el-col>
106 </el-row>
107
108 <el-row>
109 <el-col :span="5">
110 <el-form-item label="返回数据">
111
112 <el-input
113 placeholder="返回数据"
114 v-model="queryForm.fhsj"
115 class="width200px"
116 clearable
117 ></el-input>
118
119 </el-form-item>
120 </el-col>
121 </el-row>
122
123 <el-row>
124 <el-col :span="4" class="btnColRight">
125 <el-form-item>
126 <el-button type="primary" @click="queryClick()">发送</el-button>
127
128 </el-form-item>
129 </el-col>
130 </el-row>
131 </el-form>
132 </div>
133 <!-- 表格 -->
134
135 </div>
136 </template>
137 <script>
138
139
140 export default {
141
142 data () {
143 return {
144 queryForm: {
145 jklx: "",
146 dyzt: "",
147 fwip: "",
148 fwsj: "",
149 qqdz: "",
150 qqtsj: "",
151 rcsj: "",
152 dyms: "",
153 fhsj: "",
154 },
155 }
156 },
157
158 }
159 </script>
160 <style scoped lang="scss">
161 @import "~@/styles/public.scss";
162 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="70px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="接口类型">
9 <el-input
10 placeholder="请输入编号"
11 v-model="queryForm.jklx"
12 class="width200px"
13 clearable
14 ></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="5">
18 <el-form-item label="调用状态">
19 <el-input
20 placeholder="请输入编号"
21 v-model="queryForm.dyzt"
22 class="width200px"
23 clearable
24 ></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="5">
30 <el-form-item label="访问IP">
31
32 <el-input
33 placeholder="请输入IP"
34 v-model="queryForm.fwip"
35 class="width200px"
36 clearable
37 ></el-input>
38
39 </el-form-item>
40 </el-col>
41 <el-col :span="5">
42 <el-form-item label="访问时间">
43 <el-input placeholder="请输入业务号" v-model="queryForm.fwsj" clearable class="width200px">
44 </el-input>
45 </el-form-item>
46 </el-col>
47 </el-row>
48 <el-row>
49 <el-col :span="10">
50 <el-form-item label="请求地址">
51
52 <el-input
53 placeholder="请输入url"
54 v-model="queryForm.qqdz"
55 class="width500px"
56 clearable
57 ></el-input>
58
59 </el-form-item>
60 </el-col>
61 </el-row>
62
63 </el-row>
64 <el-row>
65 <el-col :span="20">
66 <el-form-item label="请求头数据">
67
68 <el-input
69 placeholder="请输入请求头数据"
70 v-model="queryForm.qqtsj"
71 class="width500px"
72 clearable
73 ></el-input>
74
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row>
79 <el-col :span="20">
80 <el-form-item label="入参数据">
81
82 <el-input
83 placeholder="请输入参数"
84 v-model="queryForm.rcsj"
85 class="width500px"
86 clearable
87 ></el-input>
88
89 </el-form-item>
90 </el-col>
91 </el-row>
92
93 <el-row>
94 <el-col :span="5">
95 <el-form-item label="调用描述">
96
97 <el-input
98 placeholder="调用描述"
99 v-model="queryForm.dyms"
100 class="width200px"
101 clearable
102 ></el-input>
103
104 </el-form-item>
105 </el-col>
106 </el-row>
107
108 <el-row>
109 <el-col :span="5">
110 <el-form-item label="返回数据">
111
112 <el-input
113 placeholder="返回数据"
114 v-model="queryForm.fhsj"
115 class="width200px"
116 clearable
117 ></el-input>
118
119 </el-form-item>
120 </el-col>
121 </el-row>
122
123 <el-row>
124 <el-col :span="4" class="btnColRight">
125 <el-form-item>
126 <el-button type="primary" @click="queryClick()">发送</el-button>
127
128 </el-form-item>
129 </el-col>
130 </el-row>
131 </el-form>
132 </div>
133 <!-- 表格 -->
134
135 </div>
136 </template>
137 <script>
138
139
140 export default {
141
142 data () {
143 return {
144 queryForm: {
145 jklx: "",
146 dyzt: "",
147 fwip: "",
148 fwsj: "",
149 qqdz: "",
150 qqtsj: "",
151 rcsj: "",
152 dyms: "",
153 fhsj: "",
154 },
155 }
156 },
157
158 }
159 </script>
160 <style scoped lang="scss">
161 @import "~@/styles/public.scss";
162 </style>
...\ No newline at end of file ...\ No newline at end of file