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
<?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
<!--
* @Author: yangwei
* @Date: 2023-09-01 10:39:03
* @LastEditors: yangwei
* @LastEditTime: 2023-09-12 15:12:09
* @LastEditors: Please set LastEditors
* @LastEditTime: 2024-02-02 09:17:47
* @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\gbmhlgxsjgx.vue
* @Description:
*
......@@ -16,8 +16,7 @@
:model="queryForm"
ref="queryForm"
@submit.native.prevent
label-width="100px"
>
label-width="100px">
<el-row>
<el-col :span="5">
<el-form-item label="身份证号">
......@@ -25,8 +24,7 @@
placeholder="身份证号"
v-model="queryForm.gmsfhm"
clearable
class="width100"
>
class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -36,8 +34,7 @@
placeholder="姓名"
v-model="queryForm.xm"
clearable
class="width100"
>
class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -48,14 +45,12 @@
class="width100"
filterable
clearable
placeholder="证件种类"
>
placeholder="证件种类">
<el-option
v-for="item in dictData['A30']"
v-for="item in zjzlList"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -66,8 +61,7 @@
placeholder="不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width100"
>
class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -79,15 +73,13 @@
v-for="item in searchType"
:key="item.name"
@click="openDialog(item)"
class="search-type"
>
class="search-type">
<div
:style="{
backgroundColor: 'rgba(' + item.bgColor + ',0.12)',
border: '1px solid ' + 'rgba(' + item.bgColor + ',0.3)',
'--hover-color': 'rgba(' + item.bgColor + ',1)'
}"
>
}">
<img :src="item.svg" alt="" />
</div>
<p>{{ item.interfaceDescription }}</p>
......@@ -99,8 +91,7 @@
:visible.sync="dialogVisible"
custom-class="insetDialog"
append-to-body
width="50%"
>
width="50%">
<component :is="dialogComp" v-if="dialogVisible" :condition="queryForm" />
<div class="text-center pt-10 pb-20">
<el-button @click="dialogVisible = false">关 闭</el-button>
......@@ -109,202 +100,212 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { getSysInterfaceList } from "@/api/ptjk.js";
export default {
name: "BdcdjWebGbmhlgxsjgx",
data() {
return {
queryForm: {},
searchType: [
{
name: "身份核查",
bgColor: "92, 149, 229",
comp: "sfhc",
svg: require("./images/sfhc.svg"),
},
{
name: "婚姻登记信息核验",
bgColor: "221, 138, 92",
comp: "hydjxxhy",
svg: require("./images/hydjxxhy.svg"),
},
{
name: "金融许可查询",
bgColor: "61, 164, 131",
comp: "jrxkcx",
svg: require("./images/jrxkcx.svg"),
},
{
name: "企业基本信息查询",
bgColor: "221, 138, 92",
comp: "qyjbxxcx",
svg: require("./images/qyjbxxcx.svg"),
},
{
name: "企业基本信息验证",
bgColor: "92, 181, 204",
comp: "qyjbxxyz",
svg: require("./images/qyjbxxyz.svg"),
},
{
name: "地域信息查询",
bgColor: "92, 149, 229",
comp: "dyxxcx",
svg: require("./images/dyxxcx.svg"),
},
{
name: "个体工商户基本信息查询",
bgColor: "61, 164, 131",
comp: "gtgshjbxxcx",
svg: require("./images/gtgshjbxxcx.svg"),
},
{
name: "个体工商户基本信息验证",
bgColor: "141, 100, 197",
comp: "gtgshjbxxyz",
svg: require("./images/gtgshjbxxyz.svg"),
},
{
name: "中编办机构信息查询",
bgColor: "141, 100, 197",
comp: "zbbjgxxcx",
svg: require("./images/zbbjgxxcx.svg"),
},
{
name: "机构信息查询",
bgColor: "92, 149, 229",
comp: "jgxxcx",
svg: require("./images/jgxxcx.svg"),
},
{
name: "不动产登记信息查询",
bgColor: "231, 128, 118",
comp: "bdcdjxxcx",
svg: require("./images/bdcdjxxcx.svg"),
},
{
name: "电子营业执照查询",
bgColor: "92, 149, 229",
comp: "dzyyzzcx",
svg: require("./images/dzyyzzcx.svg"),
},
{
name: "公证书信息查询",
bgColor: "221, 138, 92",
comp: "gzsxxcx",
svg: require("./images/gzsxxcx.svg"),
},
{
name: "最高法部门",
bgColor: "92, 181, 204",
comp: "zgfbm",
svg: require("./images/zgfbm.svg"),
},
{
name: "未知",
bgColor: "109, 114, 120",
comp: "",
svg: require("./images/unknow.svg"),
},
],
dialogVisible: false,
dialogTitle: "",
dialogComp: null,
};
},
mounted() {
getSysInterfaceList({ interfaceType: "4",pageSize:100 }).then((res) => {
if (res.code == 200) {
res.result.records.forEach(i=>{
let a = this.searchType.filter(item => i.interfaceService == item.name)
if (a.length) {
i.bgColor = a[0].bgColor
i.svg = a[0].svg
i.comp = a[0].comp
}else{
i.bgColor = '109, 114, 120'
i.svg = require("./images/unknow.svg")
i.comp = ''
}
})
this.searchType = res.result.records
import store from '@/store/index.js'
import { getSysInterfaceList } from "@/api/ptjk.js";
export default {
name: "BdcdjWebGbmhlgxsjgx",
props: {
formData: {
type: Object,
default: () => {
return {}
}
}
});
},
},
data () {
return {
zjzlList: store.getters.dictData['A34'],
queryForm: {},
searchType: [
{
name: "身份核查",
bgColor: "92, 149, 229",
comp: "sfhc",
svg: require("./images/sfhc.svg"),
},
{
name: "婚姻登记信息核验",
bgColor: "221, 138, 92",
comp: "hydjxxhy",
svg: require("./images/hydjxxhy.svg"),
},
{
name: "金融许可查询",
bgColor: "61, 164, 131",
comp: "jrxkcx",
svg: require("./images/jrxkcx.svg"),
},
{
name: "企业基本信息查询",
bgColor: "221, 138, 92",
comp: "qyjbxxcx",
svg: require("./images/qyjbxxcx.svg"),
},
{
name: "企业基本信息验证",
bgColor: "92, 181, 204",
comp: "qyjbxxyz",
svg: require("./images/qyjbxxyz.svg"),
},
{
name: "地域信息查询",
bgColor: "92, 149, 229",
comp: "dyxxcx",
svg: require("./images/dyxxcx.svg"),
},
{
name: "个体工商户基本信息查询",
bgColor: "61, 164, 131",
comp: "gtgshjbxxcx",
svg: require("./images/gtgshjbxxcx.svg"),
},
{
name: "个体工商户基本信息验证",
bgColor: "141, 100, 197",
comp: "gtgshjbxxyz",
svg: require("./images/gtgshjbxxyz.svg"),
},
{
name: "中编办机构信息查询",
bgColor: "141, 100, 197",
comp: "zbbjgxxcx",
svg: require("./images/zbbjgxxcx.svg"),
},
{
name: "机构信息查询",
bgColor: "92, 149, 229",
comp: "jgxxcx",
svg: require("./images/jgxxcx.svg"),
},
{
name: "不动产登记信息查询",
bgColor: "231, 128, 118",
comp: "bdcdjxxcx",
svg: require("./images/bdcdjxxcx.svg"),
},
{
name: "电子营业执照查询",
bgColor: "92, 149, 229",
comp: "dzyyzzcx",
svg: require("./images/dzyyzzcx.svg"),
},
{
name: "公证书信息查询",
bgColor: "221, 138, 92",
comp: "gzsxxcx",
svg: require("./images/gzsxxcx.svg"),
},
{
name: "最高法部门",
bgColor: "92, 181, 204",
comp: "zgfbm",
svg: require("./images/zgfbm.svg"),
},
{
name: "未知",
bgColor: "109, 114, 120",
comp: "",
svg: require("./images/unknow.svg"),
},
],
dialogVisible: false,
dialogTitle: "",
dialogComp: null,
};
},
methods: {
/**
* @description: openDialog 打开弹框窗口
* @param {*} item
* @author: renchao
*/
openDialog(item) {
this.dialogTitle = item.interfaceDescription;
this.dialogComp = (r) =>
require.ensure([], () => r(require(`./components/${item.comp}.vue`)));
item.comp && (this.dialogVisible = true);
mounted () {
getSysInterfaceList({ interfaceType: "4", pageSize: 100 }).then((res) => {
if (res.code == 200) {
res.result.records.forEach(i => {
let a = this.searchType.filter(item => i.interfaceService == item.name)
if (a.length) {
i.bgColor = a[0].bgColor
i.svg = a[0].svg
i.comp = a[0].comp
} else {
i.bgColor = '109, 114, 120'
i.svg = require("./images/unknow.svg")
i.comp = ''
}
})
this.searchType = res.result.records
}
});
},
},
computed: {
...mapGetters(["dictData"]),
},
};
methods: {
/**
* @description: openDialog 打开弹框窗口
* @param {*} item
* @author: renchao
*/
openDialog (item) {
this.dialogTitle = item.interfaceDescription;
this.dialogComp = (r) =>
require.ensure([], () => r(require(`./components/${item.comp}.vue`)))
item.comp && (this.dialogVisible = true)
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
.from-clues-content {
height: calc(100% - 70px);
}
.search-type {
float: left;
width: 12.5%;
text-align: center;
height: 160px;
box-sizing: border-box;
padding: 32px 0;
> div {
width: 70px;
height: 70px;
border-radius: 4px;
margin: 0 auto;
cursor: pointer;
&:hover{
border-color: var(--hover-color)!important;
}
i {
text-align: center;
line-height: 60px;
font-size: 26px;
color: #fff;
@import "~@/styles/public.scss";
.from-clues-content {
height: calc(100% - 60px);
display: flex;
flex-wrap: wrap;
}
/deep/.el-dialog__title {
color: #ffffff !important;
}
.search-type {
width: 12.5%;
text-align: center;
height: 160px;
box-sizing: border-box;
padding: 32px 0;
> div {
width: 70px;
height: 70px;
border-radius: 4px;
margin: 0 auto;
cursor: pointer;
&:hover {
border-color: var(--hover-color) !important;
}
i {
text-align: center;
line-height: 60px;
font-size: 26px;
color: #fff;
}
img {
display: inline-block;
width: 34px;
height: 34px;
margin: 17px 0;
}
}
img {
display: inline-block;
width: 34px;
height: 34px;
margin: 17px 0;
p {
margin-top: 20px;
cursor: pointer;
font-size: 16px;
color: #31333c;
}
}
p {
margin-top: 20px;
cursor: pointer;
font-size: 16px;
color: #31333c;
/deep/.el-dialog__header {
text-align: center;
}
}
/deep/.el-dialog__header {
text-align: center;
}
/deep/ .check-result {
min-height: 200px;
box-sizing: border-box;
padding: 20px 0 0;
}
.pb-20 {
padding-bottom: 20px;
/deep/ .el-button {
cursor: pointer;
/deep/ .check-result {
min-height: 200px;
box-sizing: border-box;
padding: 20px 0 0;
}
.pb-20 {
padding-bottom: 20px;
/deep/ .el-button {
cursor: pointer;
}
}
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-01-31 16:52:43
* @LastEditTime: 2024-02-02 09:06:20
*/
import Vue from 'vue'
import { getPrintTemplateByCode } from "@/api/print";
......@@ -238,6 +238,10 @@ export default {
case "rm":
this.del()
break;
// 互联网数据共享
case "B-HLGXSJ":
this.$popupDialog("互联网数据共享", "sjgx/gbmhlgxsjgx/gbmhlgxsjgx", {}, '90%', true)
break;
}
},
/**
......