添加待与第三方对接页面
Showing
4 changed files
with
39 additions
and
250 deletions
src/image/duijie.png
0 → 100644
415 KB
| ... | @@ -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: "", | ||
| 146 | qqdz: "", | ||
| 147 | qqtsj: "", | ||
| 148 | rcsj: "", | ||
| 149 | dyms: "", | ||
| 150 | fhsj: "", | ||
| 151 | }, | ||
| 152 | } | ||
| 153 | }, | ||
| 154 | 20 | ||
| 155 | } | ||
| 156 | </script> | ||
| 157 | <style scoped lang="scss"> | ||
| 158 | @import "~@/styles/public.scss"; | ||
| 159 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 21 | } | ||
| 22 | |||
| 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> | ... | ... |
-
Please register or sign in to post a comment