Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
deff8791 by renchao@pashanhoo.com
Options

互联共享数据

1 parent 4221b75b
Inline Side-by-side
Showing 3 changed files with 216 additions and 210 deletions
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1706835381250" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4224" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M320 480m32 0l320 0q32 0 32 32l0 0q0 32-32 32l-320 0q-32 0-32-32l0 0q0-32 32-32Z" p-id="4225" fill="#ffffff"></path><path d="M768 320H576a32 32 0 0 0 0 64h192a128 128 0 0 1 0 256H576a32 32 0 1 0 0 64h192a192 192 0 0 0 0-384zM448 640H256a128 128 0 0 1 0-256h192a32 32 0 0 0 0-64H256a192 192 0 0 0 0 384h192a32 32 0 1 0 0-64z" p-id="4226" fill="#ffffff"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <!-- 1 <!--
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-09-01 10:39:03 3 * @Date: 2023-09-01 10:39:03
4 * @LastEditors: yangwei 4 * @LastEditors: Please set LastEditors
5 * @LastEditTime: 2023-09-12 15:12:09 5 * @LastEditTime: 2024-02-02 09:17:47
6 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\gbmhlgxsjgx.vue 6 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\gbmhlgxsjgx.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -16,8 +16,7 @@ ...@@ -16,8 +16,7 @@
16 :model="queryForm" 16 :model="queryForm"
17 ref="queryForm" 17 ref="queryForm"
18 @submit.native.prevent 18 @submit.native.prevent
19 label-width="100px" 19 label-width="100px">
20 >
21 <el-row> 20 <el-row>
22 <el-col :span="5"> 21 <el-col :span="5">
23 <el-form-item label="身份证号"> 22 <el-form-item label="身份证号">
...@@ -25,8 +24,7 @@ ...@@ -25,8 +24,7 @@
25 placeholder="身份证号" 24 placeholder="身份证号"
26 v-model="queryForm.gmsfhm" 25 v-model="queryForm.gmsfhm"
27 clearable 26 clearable
28 class="width100" 27 class="width100">
29 >
30 </el-input> 28 </el-input>
31 </el-form-item> 29 </el-form-item>
32 </el-col> 30 </el-col>
...@@ -36,8 +34,7 @@ ...@@ -36,8 +34,7 @@
36 placeholder="姓名" 34 placeholder="姓名"
37 v-model="queryForm.xm" 35 v-model="queryForm.xm"
38 clearable 36 clearable
39 class="width100" 37 class="width100">
40 >
41 </el-input> 38 </el-input>
42 </el-form-item> 39 </el-form-item>
43 </el-col> 40 </el-col>
...@@ -48,14 +45,12 @@ ...@@ -48,14 +45,12 @@
48 class="width100" 45 class="width100"
49 filterable 46 filterable
50 clearable 47 clearable
51 placeholder="证件种类" 48 placeholder="证件种类">
52 >
53 <el-option 49 <el-option
54 v-for="item in dictData['A30']" 50 v-for="item in zjzlList"
55 :key="item.dcode" 51 :key="item.dcode"
56 :label="item.dname" 52 :label="item.dname"
57 :value="item.dcode" 53 :value="item.dcode">
58 >
59 </el-option> 54 </el-option>
60 </el-select> 55 </el-select>
61 </el-form-item> 56 </el-form-item>
...@@ -66,8 +61,7 @@ ...@@ -66,8 +61,7 @@
66 placeholder="不动产单元号" 61 placeholder="不动产单元号"
67 v-model="queryForm.bdcdyh" 62 v-model="queryForm.bdcdyh"
68 clearable 63 clearable
69 class="width100" 64 class="width100">
70 >
71 </el-input> 65 </el-input>
72 </el-form-item> 66 </el-form-item>
73 </el-col> 67 </el-col>
...@@ -79,15 +73,13 @@ ...@@ -79,15 +73,13 @@
79 v-for="item in searchType" 73 v-for="item in searchType"
80 :key="item.name" 74 :key="item.name"
81 @click="openDialog(item)" 75 @click="openDialog(item)"
82 class="search-type" 76 class="search-type">
83 >
84 <div 77 <div
85 :style="{ 78 :style="{
86 backgroundColor: 'rgba(' + item.bgColor + ',0.12)', 79 backgroundColor: 'rgba(' + item.bgColor + ',0.12)',
87 border: '1px solid ' + 'rgba(' + item.bgColor + ',0.3)', 80 border: '1px solid ' + 'rgba(' + item.bgColor + ',0.3)',
88 '--hover-color': 'rgba(' + item.bgColor + ',1)' 81 '--hover-color': 'rgba(' + item.bgColor + ',1)'
89 }" 82 }">
90 >
91 <img :src="item.svg" alt="" /> 83 <img :src="item.svg" alt="" />
92 </div> 84 </div>
93 <p>{{ item.interfaceDescription }}</p> 85 <p>{{ item.interfaceDescription }}</p>
...@@ -99,8 +91,7 @@ ...@@ -99,8 +91,7 @@
99 :visible.sync="dialogVisible" 91 :visible.sync="dialogVisible"
100 custom-class="insetDialog" 92 custom-class="insetDialog"
101 append-to-body 93 append-to-body
102 width="50%" 94 width="50%">
103 >
104 <component :is="dialogComp" v-if="dialogVisible" :condition="queryForm" /> 95 <component :is="dialogComp" v-if="dialogVisible" :condition="queryForm" />
105 <div class="text-center pt-10 pb-20"> 96 <div class="text-center pt-10 pb-20">
106 <el-button @click="dialogVisible = false">关 闭</el-button> 97 <el-button @click="dialogVisible = false">关 闭</el-button>
...@@ -109,202 +100,212 @@ ...@@ -109,202 +100,212 @@
109 </div> 100 </div>
110 </template> 101 </template>
111 <script> 102 <script>
112 import { mapGetters } from "vuex"; 103 import store from '@/store/index.js'
113 import { getSysInterfaceList } from "@/api/ptjk.js"; 104 import { getSysInterfaceList } from "@/api/ptjk.js";
114 export default { 105 export default {
115 name: "BdcdjWebGbmhlgxsjgx", 106 name: "BdcdjWebGbmhlgxsjgx",
116 data() { 107 props: {
117 return { 108 formData: {
118 queryForm: {}, 109 type: Object,
119 searchType: [ 110 default: () => {
120 { 111 return {}
121 name: "身份核查", 112 }
122 bgColor: "92, 149, 229",
123 comp: "sfhc",
124 svg: require("./images/sfhc.svg"),
125 },
126 {
127 name: "婚姻登记信息核验",
128 bgColor: "221, 138, 92",
129 comp: "hydjxxhy",
130 svg: require("./images/hydjxxhy.svg"),
131 },
132 {
133 name: "金融许可查询",
134 bgColor: "61, 164, 131",
135 comp: "jrxkcx",
136 svg: require("./images/jrxkcx.svg"),
137 },
138 {
139 name: "企业基本信息查询",
140 bgColor: "221, 138, 92",
141 comp: "qyjbxxcx",
142 svg: require("./images/qyjbxxcx.svg"),
143 },
144 {
145 name: "企业基本信息验证",
146 bgColor: "92, 181, 204",
147 comp: "qyjbxxyz",
148 svg: require("./images/qyjbxxyz.svg"),
149 },
150 {
151 name: "地域信息查询",
152 bgColor: "92, 149, 229",
153 comp: "dyxxcx",
154 svg: require("./images/dyxxcx.svg"),
155 },
156 {
157 name: "个体工商户基本信息查询",
158 bgColor: "61, 164, 131",
159 comp: "gtgshjbxxcx",
160 svg: require("./images/gtgshjbxxcx.svg"),
161 },
162 {
163 name: "个体工商户基本信息验证",
164 bgColor: "141, 100, 197",
165 comp: "gtgshjbxxyz",
166 svg: require("./images/gtgshjbxxyz.svg"),
167 },
168 {
169 name: "中编办机构信息查询",
170 bgColor: "141, 100, 197",
171 comp: "zbbjgxxcx",
172 svg: require("./images/zbbjgxxcx.svg"),
173 },
174 {
175 name: "机构信息查询",
176 bgColor: "92, 149, 229",
177 comp: "jgxxcx",
178 svg: require("./images/jgxxcx.svg"),
179 },
180 {
181 name: "不动产登记信息查询",
182 bgColor: "231, 128, 118",
183 comp: "bdcdjxxcx",
184 svg: require("./images/bdcdjxxcx.svg"),
185 },
186 {
187 name: "电子营业执照查询",
188 bgColor: "92, 149, 229",
189 comp: "dzyyzzcx",
190 svg: require("./images/dzyyzzcx.svg"),
191 },
192 {
193 name: "公证书信息查询",
194 bgColor: "221, 138, 92",
195 comp: "gzsxxcx",
196 svg: require("./images/gzsxxcx.svg"),
197 },
198 {
199 name: "最高法部门",
200 bgColor: "92, 181, 204",
201 comp: "zgfbm",
202 svg: require("./images/zgfbm.svg"),
203 },
204 {
205 name: "未知",
206 bgColor: "109, 114, 120",
207 comp: "",
208 svg: require("./images/unknow.svg"),
209 },
210 ],
211 dialogVisible: false,
212 dialogTitle: "",
213 dialogComp: null,
214 };
215 },
216
217 mounted() {
218 getSysInterfaceList({ interfaceType: "4",pageSize:100 }).then((res) => {
219 if (res.code == 200) {
220 res.result.records.forEach(i=>{
221 let a = this.searchType.filter(item => i.interfaceService == item.name)
222 if (a.length) {
223 i.bgColor = a[0].bgColor
224 i.svg = a[0].svg
225 i.comp = a[0].comp
226 }else{
227 i.bgColor = '109, 114, 120'
228 i.svg = require("./images/unknow.svg")
229 i.comp = ''
230 }
231 })
232 this.searchType = res.result.records
233 } 113 }
234 }); 114 },
235 }, 115 data () {
116 return {
117 zjzlList: store.getters.dictData['A34'],
118 queryForm: {},
119 searchType: [
120 {
121 name: "身份核查",
122 bgColor: "92, 149, 229",
123 comp: "sfhc",
124 svg: require("./images/sfhc.svg"),
125 },
126 {
127 name: "婚姻登记信息核验",
128 bgColor: "221, 138, 92",
129 comp: "hydjxxhy",
130 svg: require("./images/hydjxxhy.svg"),
131 },
132 {
133 name: "金融许可查询",
134 bgColor: "61, 164, 131",
135 comp: "jrxkcx",
136 svg: require("./images/jrxkcx.svg"),
137 },
138 {
139 name: "企业基本信息查询",
140 bgColor: "221, 138, 92",
141 comp: "qyjbxxcx",
142 svg: require("./images/qyjbxxcx.svg"),
143 },
144 {
145 name: "企业基本信息验证",
146 bgColor: "92, 181, 204",
147 comp: "qyjbxxyz",
148 svg: require("./images/qyjbxxyz.svg"),
149 },
150 {
151 name: "地域信息查询",
152 bgColor: "92, 149, 229",
153 comp: "dyxxcx",
154 svg: require("./images/dyxxcx.svg"),
155 },
156 {
157 name: "个体工商户基本信息查询",
158 bgColor: "61, 164, 131",
159 comp: "gtgshjbxxcx",
160 svg: require("./images/gtgshjbxxcx.svg"),
161 },
162 {
163 name: "个体工商户基本信息验证",
164 bgColor: "141, 100, 197",
165 comp: "gtgshjbxxyz",
166 svg: require("./images/gtgshjbxxyz.svg"),
167 },
168 {
169 name: "中编办机构信息查询",
170 bgColor: "141, 100, 197",
171 comp: "zbbjgxxcx",
172 svg: require("./images/zbbjgxxcx.svg"),
173 },
174 {
175 name: "机构信息查询",
176 bgColor: "92, 149, 229",
177 comp: "jgxxcx",
178 svg: require("./images/jgxxcx.svg"),
179 },
180 {
181 name: "不动产登记信息查询",
182 bgColor: "231, 128, 118",
183 comp: "bdcdjxxcx",
184 svg: require("./images/bdcdjxxcx.svg"),
185 },
186 {
187 name: "电子营业执照查询",
188 bgColor: "92, 149, 229",
189 comp: "dzyyzzcx",
190 svg: require("./images/dzyyzzcx.svg"),
191 },
192 {
193 name: "公证书信息查询",
194 bgColor: "221, 138, 92",
195 comp: "gzsxxcx",
196 svg: require("./images/gzsxxcx.svg"),
197 },
198 {
199 name: "最高法部门",
200 bgColor: "92, 181, 204",
201 comp: "zgfbm",
202 svg: require("./images/zgfbm.svg"),
203 },
204 {
205 name: "未知",
206 bgColor: "109, 114, 120",
207 comp: "",
208 svg: require("./images/unknow.svg"),
209 },
210 ],
211 dialogVisible: false,
212 dialogTitle: "",
213 dialogComp: null,
214 };
215 },
236 216
237 methods: { 217 mounted () {
238 /** 218 getSysInterfaceList({ interfaceType: "4", pageSize: 100 }).then((res) => {
239 * @description: openDialog 打开弹框窗口 219 if (res.code == 200) {
240 * @param {*} item 220 res.result.records.forEach(i => {
241 * @author: renchao 221 let a = this.searchType.filter(item => i.interfaceService == item.name)
242 */ 222 if (a.length) {
243 openDialog(item) { 223 i.bgColor = a[0].bgColor
244 this.dialogTitle = item.interfaceDescription; 224 i.svg = a[0].svg
245 this.dialogComp = (r) => 225 i.comp = a[0].comp
246 require.ensure([], () => r(require(`./components/${item.comp}.vue`))); 226 } else {
247 item.comp && (this.dialogVisible = true); 227 i.bgColor = '109, 114, 120'
228 i.svg = require("./images/unknow.svg")
229 i.comp = ''
230 }
231 })
232 this.searchType = res.result.records
233 }
234 });
248 }, 235 },
249 }, 236
250 computed: { 237 methods: {
251 ...mapGetters(["dictData"]), 238 /**
252 }, 239 * @description: openDialog 打开弹框窗口
253 }; 240 * @param {*} item
241 * @author: renchao
242 */
243 openDialog (item) {
244 this.dialogTitle = item.interfaceDescription;
245 this.dialogComp = (r) =>
246 require.ensure([], () => r(require(`./components/${item.comp}.vue`)))
247 item.comp && (this.dialogVisible = true)
248 }
249 }
250 }
254 </script> 251 </script>
255 <style scoped lang="scss"> 252 <style scoped lang="scss">
256 @import "~@/styles/public.scss"; 253 @import "~@/styles/public.scss";
257 .from-clues-content { 254 .from-clues-content {
258 height: calc(100% - 70px); 255 height: calc(100% - 60px);
259 } 256 display: flex;
260 .search-type { 257 flex-wrap: wrap;
261 float: left; 258 }
262 width: 12.5%; 259 /deep/.el-dialog__title {
263 text-align: center; 260 color: #ffffff !important;
264 height: 160px; 261 }
265 box-sizing: border-box; 262 .search-type {
266 padding: 32px 0; 263 width: 12.5%;
267 > div { 264 text-align: center;
268 width: 70px; 265 height: 160px;
269 height: 70px; 266 box-sizing: border-box;
270 border-radius: 4px; 267 padding: 32px 0;
271 margin: 0 auto; 268 > div {
272 cursor: pointer; 269 width: 70px;
273 &:hover{ 270 height: 70px;
274 border-color: var(--hover-color)!important; 271 border-radius: 4px;
275 } 272 margin: 0 auto;
276 i { 273 cursor: pointer;
277 text-align: center; 274 &:hover {
278 line-height: 60px; 275 border-color: var(--hover-color) !important;
279 font-size: 26px; 276 }
280 color: #fff; 277 i {
278 text-align: center;
279 line-height: 60px;
280 font-size: 26px;
281 color: #fff;
282 }
283 img {
284 display: inline-block;
285 width: 34px;
286 height: 34px;
287 margin: 17px 0;
288 }
281 } 289 }
282 img { 290 p {
283 display: inline-block; 291 margin-top: 20px;
284 width: 34px; 292 cursor: pointer;
285 height: 34px; 293 font-size: 16px;
286 margin: 17px 0; 294 color: #31333c;
287 } 295 }
288 } 296 }
289 p { 297 /deep/.el-dialog__header {
290 margin-top: 20px; 298 text-align: center;
291 cursor: pointer;
292 font-size: 16px;
293 color: #31333c;
294 } 299 }
295 } 300 /deep/ .check-result {
296 /deep/.el-dialog__header { 301 min-height: 200px;
297 text-align: center; 302 box-sizing: border-box;
298 } 303 padding: 20px 0 0;
299 /deep/ .check-result { 304 }
300 min-height: 200px; 305 .pb-20 {
301 box-sizing: border-box; 306 padding-bottom: 20px;
302 padding: 20px 0 0; 307 /deep/ .el-button {
303 } 308 cursor: pointer;
304 .pb-20 { 309 }
305 padding-bottom: 20px;
306 /deep/ .el-button {
307 cursor: pointer;
308 } 310 }
309 }
310 </style> 311 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-31 16:52:43 4 * @LastEditTime: 2024-02-02 09:06:20
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import { getPrintTemplateByCode } from "@/api/print"; 7 import { getPrintTemplateByCode } from "@/api/print";
...@@ -238,6 +238,10 @@ export default { ...@@ -238,6 +238,10 @@ export default {
238 case "rm": 238 case "rm":
239 this.del() 239 this.del()
240 break; 240 break;
241 // 互联网数据共享
242 case "B-HLGXSJ":
243 this.$popupDialog("互联网数据共享", "sjgx/gbmhlgxsjgx/gbmhlgxsjgx", {}, '90%', true)
244 break;
241 } 245 }
242 }, 246 },
243 /** 247 /**
......