Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
dfde1573 by “miaofang
Options

添加待与第三方对接页面

1 parent af959938
Inline Side-by-side
Showing 4 changed files with 38 additions and 249 deletions
...@@ -126,6 +126,13 @@ export const asyncRoutes = [ ...@@ -126,6 +126,13 @@ export const asyncRoutes = [
126 component: () => import('@/views/ywbl/ybx/ybx.vue'), 126 component: () => import('@/views/ywbl/ybx/ybx.vue'),
127 name: 'ybx', 127 name: 'ybx',
128 meta: { title: '已办箱' } 128 meta: { title: '已办箱' }
129 }, {
130 path: 'ycsl',
131 id: '24',
132 parentId: '2',
133 component: () => import('@/views/ywbl/ycsl/ycsl.vue'),
134 name: 'ycsl',
135 meta: { title: '一窗受理' }
129 }, 136 },
130 ] 137 ]
131 }, 138 },
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 15:04:26
5 -->
6 <template> 1 <template>
7 <div class="from-clues"> 2 <div class="duijie">
8 <!-- 表单部分 --> 3 <img src="../../../image/duijie.png" alt="">
9 <div class="from-clues-header">
10 <el-form :model="queryForm" ref="queryForm" label-width="70px">
11 <el-row>
12 <el-col :span="5">
13 <el-form-item label="接口类型">
14 <el-input
15 placeholder="请输入编号"
16 v-model="queryForm.jklx"
17 class="width200px"
18 clearable></el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="5">
22 <el-form-item label="调用状态">
23 <el-input
24 placeholder="请输入编号"
25 v-model="queryForm.dyzt"
26 class="width200px"
27 clearable></el-input>
28 </el-form-item>
29 </el-col>
30 </el-row>
31 <el-row>
32 <el-col :span="5">
33 <el-form-item label="访问IP">
34
35 <el-input
36 placeholder="请输入IP"
37 v-model="queryForm.fwip"
38 class="width200px"
39 clearable></el-input>
40
41 </el-form-item>
42 </el-col>
43 <el-col :span="5">
44 <el-form-item label="访问时间">
45 <el-input placeholder="请输入业务号" v-model="queryForm.fwsj" clearable class="width200px">
46 </el-input>
47 </el-form-item>
48 </el-col>
49 </el-row>
50 <el-row>
51 <el-col :span="10">
52 <el-form-item label="请求地址">
53
54 <el-input
55 placeholder="请输入url"
56 v-model="queryForm.qqdz"
57 class="width500px"
58 clearable></el-input>
59
60 </el-form-item>
61 </el-col>
62 </el-row>
63
64 </el-row>
65 <el-row>
66 <el-col :span="20">
67 <el-form-item label="请求头数据">
68
69 <el-input
70 placeholder="请输入请求头数据"
71 v-model="queryForm.qqtsj"
72 class="width500px"
73 clearable></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></el-input>
87
88 </el-form-item>
89 </el-col>
90 </el-row>
91
92 <el-row>
93 <el-col :span="5">
94 <el-form-item label="调用描述">
95
96 <el-input
97 placeholder="调用描述"
98 v-model="queryForm.dyms"
99 class="width200px"
100 clearable></el-input>
101
102 </el-form-item>
103 </el-col>
104 </el-row>
105
106 <el-row>
107 <el-col :span="5">
108 <el-form-item label="返回数据">
109
110 <el-input
111 placeholder="返回数据"
112 v-model="queryForm.fhsj"
113 class="width200px"
114 clearable></el-input>
115
116 </el-form-item>
117 </el-col>
118 </el-row>
119
120 <el-row>
121 <el-col :span="4" class="btnColRight">
122 <el-form-item>
123 <el-button type="primary" @click="queryClick()">发送</el-button>
124
125 </el-form-item>
126 </el-col>
127 </el-row>
128 </el-form>
129 </div>
130 <!-- 表格 -->
131
132 </div> 4 </div>
133 </template> 5 </template>
6
134 <script> 7 <script>
135 8
9 export default {
136 10
137 export default { 11 }
12 </script>
138 13
139 data () { 14 <style lang="scss" scoped>
140 return { 15 .duijie{
141 queryForm: { 16 width: 100%;
142 jklx: "", 17 height: 100%;
143 dyzt: "", 18 margin: auto;
144 fwip: "", 19 text-align: center
145 fwsj: "", 20
146 qqdz: "", 21 }
147 qqtsj: "",
148 rcsj: "",
149 dyms: "",
150 fhsj: "",
151 },
152 }
153 },
154 22
155 }
156 </script>
157 <style scoped lang="scss">
158 @import "~@/styles/public.scss";
159 </style> 23 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-11-15 09:41:55
5 -->
6 <template> 1 <template>
7 <div class="from-clues"> 2 <div class="duijie">
8 <!-- 家庭房产 --> 3 <img src="../../../image/duijie.png" alt="">
9 <div class="from-clues-header">
10 <el-form :model="queryForm" @submit.native.prevent ref="queryForm" label-width="70px">
11 <el-row>
12 <el-col :span="5">
13 <el-form-item label="申请编号">
14 <el-input placeholder="申请编号" v-model="queryForm.sqbh" clearable class="width100">
15 </el-input>
16 </el-form-item>
17 </el-col>
18 <el-col :span="9" class="flex">
19 <el-form-item label="申请时间">
20 <el-date-picker v-model="queryForm.date1" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
21 </el-date-picker> 至
22 <el-date-picker v-model="queryForm.date2" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
23 </el-date-picker>
24 </el-form-item>
25 </el-col>
26 <el-col :span="5">
27 <el-form-item label="权利人">
28 <el-input placeholder="权利人" v-model="queryForm.qlr" clearable class="width100">
29 </el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="5">
33 <el-form-item label="义务人">
34 <el-input placeholder="义务人" v-model="queryForm.ywr" clearable class="width100">
35 </el-input>
36 </el-form-item>
37 </el-col>
38 <el-col :span="5">
39 <el-form-item label="办理状态">
40 <el-input placeholder="办理状态" v-model="queryForm.blzt" clearable class="width100">
41 </el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="19" class="btnColRight">
45 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
46 </el-col>
47 </el-row>
48 </el-form>
49 </div>
50 <!-- 表格 -->
51 <div class="from-clues-content">
52 <lb-table :page-size="pageData.size" class="loadingtext" :current-page.sync="pageData.current"
53 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
54 :column="tableData.columns" :data="tableData.data">
55 </lb-table>
56 </div>
57 </div> 4 </div>
58 </template> 5 </template>
6
59 <script> 7 <script>
60 import table from "@/utils/mixin/table"; 8
61 import { datas, sendThis } from "./data"; 9 export default {
62 export default { 10
63 name: "jtfc", 11 }
64 mixins: [table],
65 mounted () {
66 sendThis(this);
67 this.queryClick();
68 },
69 data () {
70 return {
71 sqcxBsm: "",
72 queryForm: {
73 sqbh: "",
74 date1: "",
75 date2: "",
76 qlr: "",
77 ywr: "",
78 blzt: ""
79 },
80 tableData: {
81 columns: datas.columns(),
82 data: [{}]
83 }
84 }
85 },
86 activated () {
87 this.queryClick()
88 },
89 methods: {
90 /**
91 * @description: 初始化数据
92 * @author: renchao
93 */
94 queryClick () {
95 // this.$startLoading()
96 },
97 handleViewClick () {
98 this.$popupDialog("查看详情", "ywbl/ycsl/components/detail", {}, "75%")
99 }
100 }
101 }
102 </script> 12 </script>
103 <style scoped lang="scss"> 13
104 @import "~@/styles/public.scss"; 14 <style lang="scss" scoped>
15 .duijie{
16 width: 100%;
17 height: 100%;
18 margin: auto;
19 text-align: center
20
21 }
22
105 </style> 23 </style>
......