互联共享数据
Showing
3 changed files
with
60 additions
and
54 deletions
src/image/icons/svg/GLGXSJ.svg
0 → 100644
| 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,12 +100,21 @@ | ... | @@ -109,12 +100,21 @@ |
| 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: { |
| 108 | formData: { | ||
| 109 | type: Object, | ||
| 110 | default: () => { | ||
| 111 | return {} | ||
| 112 | } | ||
| 113 | } | ||
| 114 | }, | ||
| 115 | data () { | ||
| 117 | return { | 116 | return { |
| 117 | zjzlList: store.getters.dictData['A34'], | ||
| 118 | queryForm: {}, | 118 | queryForm: {}, |
| 119 | searchType: [ | 119 | searchType: [ |
| 120 | { | 120 | { |
| ... | @@ -214,16 +214,16 @@ export default { | ... | @@ -214,16 +214,16 @@ export default { |
| 214 | }; | 214 | }; |
| 215 | }, | 215 | }, |
| 216 | 216 | ||
| 217 | mounted() { | 217 | mounted () { |
| 218 | getSysInterfaceList({ interfaceType: "4",pageSize:100 }).then((res) => { | 218 | getSysInterfaceList({ interfaceType: "4", pageSize: 100 }).then((res) => { |
| 219 | if (res.code == 200) { | 219 | if (res.code == 200) { |
| 220 | res.result.records.forEach(i=>{ | 220 | res.result.records.forEach(i => { |
| 221 | let a = this.searchType.filter(item => i.interfaceService == item.name) | 221 | let a = this.searchType.filter(item => i.interfaceService == item.name) |
| 222 | if (a.length) { | 222 | if (a.length) { |
| 223 | i.bgColor = a[0].bgColor | 223 | i.bgColor = a[0].bgColor |
| 224 | i.svg = a[0].svg | 224 | i.svg = a[0].svg |
| 225 | i.comp = a[0].comp | 225 | i.comp = a[0].comp |
| 226 | }else{ | 226 | } else { |
| 227 | i.bgColor = '109, 114, 120' | 227 | i.bgColor = '109, 114, 120' |
| 228 | i.svg = require("./images/unknow.svg") | 228 | i.svg = require("./images/unknow.svg") |
| 229 | i.comp = '' | 229 | i.comp = '' |
| ... | @@ -240,25 +240,26 @@ export default { | ... | @@ -240,25 +240,26 @@ export default { |
| 240 | * @param {*} item | 240 | * @param {*} item |
| 241 | * @author: renchao | 241 | * @author: renchao |
| 242 | */ | 242 | */ |
| 243 | openDialog(item) { | 243 | openDialog (item) { |
| 244 | this.dialogTitle = item.interfaceDescription; | 244 | this.dialogTitle = item.interfaceDescription; |
| 245 | this.dialogComp = (r) => | 245 | this.dialogComp = (r) => |
| 246 | require.ensure([], () => r(require(`./components/${item.comp}.vue`))); | 246 | require.ensure([], () => r(require(`./components/${item.comp}.vue`))) |
| 247 | item.comp && (this.dialogVisible = true); | 247 | item.comp && (this.dialogVisible = true) |
| 248 | }, | 248 | } |
| 249 | }, | 249 | } |
| 250 | computed: { | 250 | } |
| 251 | ...mapGetters(["dictData"]), | ||
| 252 | }, | ||
| 253 | }; | ||
| 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 | } |
| 259 | /deep/.el-dialog__title { | ||
| 260 | color: #ffffff !important; | ||
| 261 | } | ||
| 262 | .search-type { | ||
| 262 | width: 12.5%; | 263 | width: 12.5%; |
| 263 | text-align: center; | 264 | text-align: center; |
| 264 | height: 160px; | 265 | height: 160px; |
| ... | @@ -270,8 +271,8 @@ export default { | ... | @@ -270,8 +271,8 @@ export default { |
| 270 | border-radius: 4px; | 271 | border-radius: 4px; |
| 271 | margin: 0 auto; | 272 | margin: 0 auto; |
| 272 | cursor: pointer; | 273 | cursor: pointer; |
| 273 | &:hover{ | 274 | &:hover { |
| 274 | border-color: var(--hover-color)!important; | 275 | border-color: var(--hover-color) !important; |
| 275 | } | 276 | } |
| 276 | i { | 277 | i { |
| 277 | text-align: center; | 278 | text-align: center; |
| ... | @@ -292,19 +293,19 @@ export default { | ... | @@ -292,19 +293,19 @@ export default { |
| 292 | font-size: 16px; | 293 | font-size: 16px; |
| 293 | color: #31333c; | 294 | color: #31333c; |
| 294 | } | 295 | } |
| 295 | } | 296 | } |
| 296 | /deep/.el-dialog__header { | 297 | /deep/.el-dialog__header { |
| 297 | text-align: center; | 298 | text-align: center; |
| 298 | } | 299 | } |
| 299 | /deep/ .check-result { | 300 | /deep/ .check-result { |
| 300 | min-height: 200px; | 301 | min-height: 200px; |
| 301 | box-sizing: border-box; | 302 | box-sizing: border-box; |
| 302 | padding: 20px 0 0; | 303 | padding: 20px 0 0; |
| 303 | } | 304 | } |
| 304 | .pb-20 { | 305 | .pb-20 { |
| 305 | padding-bottom: 20px; | 306 | padding-bottom: 20px; |
| 306 | /deep/ .el-button { | 307 | /deep/ .el-button { |
| 307 | cursor: pointer; | 308 | cursor: pointer; |
| 308 | } | 309 | } |
| 309 | } | 310 | } |
| 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 | /** | ... | ... |
-
Please register or sign in to post a comment