Commit 9886a36e authored by tianhongyang's avatar tianhongyang

2023/10/19迭代更新

parent 9087fd0b
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1474_151379/881_072671"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g transform="matrix(1,5.551115123125783e-17,-5.551115123125783e-17,1,0,0)" clip-path="url(#master_svg0_1474_151379/881_072671)"><g><path d="M7.05513,7.999883125C7.05513,7.999883125,2.812500397363,3.757263125,2.812500397363,3.757263125C2.812500397363,3.757263125,3.75531,2.814453125,3.75531,2.814453125C3.75531,2.814453125,7.99793,7.057083125,7.99793,7.057083125C7.99793,7.057083125,12.2406,2.814453125,12.2406,2.814453125C12.2406,2.814453125,13.1834,3.757263125,13.1834,3.757263125C13.1834,3.757263125,8.94077,7.999883125,8.94077,7.999883125C8.94077,7.999883125,13.1834,12.242553125,13.1834,12.242553125C13.1834,12.242553125,12.2406,13.185353125,12.2406,13.185353125C12.2406,13.185353125,7.99793,8.942723125,7.99793,8.942723125C7.99793,8.942723125,3.75531,13.185353125,3.75531,13.185353125C3.75531,13.185353125,2.8125,12.242553125,2.8125,12.242553125C2.8125,12.242553125,7.05513,7.999883125,7.05513,7.999883125C7.05513,7.999883125,7.05513,7.999883125,7.05513,7.999883125Z" fill-rule="evenodd" fill="#232323" fill-opacity="0.4000000059604645"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><g transform="matrix(1,5.551115123125783e-17,-5.551115123125783e-17,1,0,0)"><g><path d="M2,12C2,6.47715,6.47715,2,12,2C17.5229,2,22,6.47715,22,12C22,17.5229,17.5229,22,12,22C6.47715,22,2,17.5229,2,12C2,12,2,12,2,12ZM13,9C13,9,13,7,13,7C13,7,11,7,11,7C11,7,11,9,11,9C11,9,13,9,13,9C13,9,13,9,13,9ZM11,10C11,10,11,17,11,17C11,17,13,17,13,17C13,17,13,10,13,10C13,10,11,10,11,10C11,10,11,10,11,10Z" fill-rule="evenodd" fill="#0081FF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
...@@ -7,3 +7,12 @@ ...@@ -7,3 +7,12 @@
.search-leave-to { .search-leave-to {
width: 60px; width: 60px;
} }
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
This diff is collapsed.
...@@ -33,6 +33,7 @@ export default { ...@@ -33,6 +33,7 @@ export default {
width: 100%; width: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
display: flex;
} }
.fixed-header + .app-main { .fixed-header + .app-main {
...@@ -42,7 +43,7 @@ export default { ...@@ -42,7 +43,7 @@ export default {
.hasTagsView { .hasTagsView {
.app-main { .app-main {
/* 84 = navbar + tags-view = 50 + 34 */ /* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 68px); min-height: calc(100vh - 56px);
min-width:1240px; min-width:1240px;
background: #F5F5F5; background: #F5F5F5;
overflow: initial; overflow: initial;
......
...@@ -402,14 +402,14 @@ export function isNumberStr(str) { ...@@ -402,14 +402,14 @@ export function isNumberStr(str) {
} }
// 甲方详情左侧菜单映射 // 甲方详情左侧菜单映射
// export const detailSideBar = new Map({ export const detailSideBar = new Map([
// // 企业速览 // 企业速览
// holderinfo: "ownershipStructure", ["holderinfo", "ownershipStructure"],
// // 高管信息 // 高管信息
// execuinfo: "leadingMember", ["execuinfo", "leadingMember"],
// // 对外投资 // 对外投资
// overseas: "outboundInvestment", ["overseas", "outboundInvestment"],
// // 分支机构 // 分支机构
// branch: "branch", ["branch", "branch"],
// }) ])
<template>
<div class="max-page-size-tip" @click.stop="$emit('closeMaxTip')">
<div class="max-page-tip-container" @click.stop="''">
<div class="max-page-tip-inner">
<div class="top-title-container">
<img src="@/assets/images/market/max-tip-title-icon.svg" alt="" class="max-tip-icon">
<span class="tip-title">数据查询已达到上限</span>
<img src="@/assets/images/market/close-max-tip-icon.svg" alt="" class="max-tip-close-icon" @click.stop="$emit('closeMaxTip')">
</div>
<div class="max-page-tip-content">
<div class="max-page-content-inner">
您可通过筛选工具来查询数据~若有更多需求请联系客服 0262798729!
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
};
},
//可访问data属性
created() {
},
//计算集
computed: {
},
//方法集
methods: {
},
}
</script>
<style lang="scss" scoped>
.max-page-size-tip {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 1200;
.max-page-tip-container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 340px;
height: 112px;
background: #ffffff;
border: 1px solid #e5e6eb;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 20px;
box-sizing: border-box;
.top-title-container {
display: flex;
align-items: center;
.max-tip-icon {
width: 24px;
height: 24px;
}
.tip-title {
color: #1d2129;
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-left: 16px;
margin-right: 16px;
width: 228px;
}
.max-tip-close-icon {
width: 16px;
height: 16px;
align-self: flex-start;
cursor: pointer;
}
}
.max-page-tip-content {
margin-top: 4px;
padding-left: 40px;
padding-right: 32px;
box-sizing: border-box;
.max-page-content-inner {
color: #1d2129;
font-size: 14px;
line-height: 22px;
}
}
}
}
</style>
...@@ -6,7 +6,6 @@ ...@@ -6,7 +6,6 @@
<el-tab-pane label="工商变更" :disabled="tableDataTotal==0" name="second"></el-tab-pane> <el-tab-pane label="工商变更" :disabled="tableDataTotal==0" name="second"></el-tab-pane>
</el-tabs> </el-tabs>
<info-table class="info-tab" :list="defaultList" :obj="forInfo" :labelWidth="labelWidth" v-if="activeName=='first'"> <info-table class="info-tab" :list="defaultList" :obj="forInfo" :labelWidth="labelWidth" v-if="activeName=='first'">
<template slot="provinceCode" slot-scope="scope"> <template slot="provinceCode" slot-scope="scope">
<span>{{showRegion(scope.data.provinceCode)}}</span> <span>{{showRegion(scope.data.provinceCode)}}</span>
...@@ -19,7 +18,7 @@ ...@@ -19,7 +18,7 @@
</template> </template>
<template slot="actualCapi" slot-scope="scope"> <template slot="actualCapi" slot-scope="scope">
<span> <span>
{{ scope.data.actualCapi?scope.data.actualCapi+'万元人民币':'--' }} {{ scope.data.actualCapi? `${scope.data.actualCapi}${scope.data.actualCapiUnit}` :'--' }}
</span> </span>
</template> </template>
<template slot="colleguesNum" slot-scope="scope"> <template slot="colleguesNum" slot-scope="scope">
...@@ -28,23 +27,16 @@ ...@@ -28,23 +27,16 @@
</span> </span>
</template> </template>
</info-table> </info-table>
<tables <tables :tableLoading="tableLoading" :tableData="tableData" :tableDataTotal="tableDataTotal" :forData="forData"
:tableLoading="tableLoading" @handle-current-change="handleCurrentChange" :queryParams="queryParams" v-if="activeName=='second'" />
:tableData="tableData"
:tableDataTotal="tableDataTotal"
:forData="forData"
@handle-current-change="handleCurrentChange"
:queryParams="queryParams"
v-if="activeName=='second'"
/>
</div> </div>
</template> </template>
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin';
import dataRegion from '@/assets/json/dataRegion' import dataRegion from '@/assets/json/dataRegion';
import InfoTable from '../component/infoTable' import InfoTable from '../component/infoTable';
import {icInfo, changeInfo} from "@/api/detail/party-a/overview" import { icInfo, changeInfo } from "@/api/detail/party-a/overview";
export default { export default {
name: 'Businfo', name: 'Businfo',
props: ['companyId'], props: ['companyId'],
...@@ -87,63 +79,63 @@ export default { ...@@ -87,63 +79,63 @@ export default {
{ name: '经营范围', prop: 'scope', style: true } { name: '经营范围', prop: 'scope', style: true }
], ],
forData: [ forData: [
{label: '变更日期', prop: 'changeDate', width: '100'}, { label: '变更日期', prop: 'changeDate', width: '100' },
{label: '变更事项', prop: 'type'}, { label: '变更事项', prop: 'type' },
{label: '变更前', prop: 'beforeContent'}, { label: '变更前', prop: 'beforeContent' },
{label: '变更后', prop: 'afterContent'} { label: '变更后', prop: 'afterContent' }
], ],
//列表 //列表
tableLoading:false, tableLoading: false,
tableData:[], tableData: [],
tableDataTotal:0 tableDataTotal: 0
} };
}, },
created() { created() {
this.handleQuery(); this.handleQuery();
this.handleQuery1(); this.handleQuery1();
}, },
methods: { methods: {
handleClick(){ handleClick() {
if(this.activeName=='first'){ if (this.activeName == 'first') {
this.handleQuery() this.handleQuery();
}else{ } else {
this.handleQuery1() this.handleQuery1();
} }
}, },
async handleQuery(params,flag) { async handleQuery(params, flag) {
if(flag){ if (flag) {
return this.handleQuery1(params) return this.handleQuery1(params);
} }
this.isSkeleton = true; this.isSkeleton = true;
this.tableLoading = true this.tableLoading = true;
let param = this.baseParams; let param = this.baseParams;
let res = await icInfo(param); let res = await icInfo(param);
this.tableLoading = false this.tableLoading = false;
if(res.code==200){ if (res.code == 200) {
this.isSkeleton = false; this.isSkeleton = false;
this.forInfo = res.data this.forInfo = res.data;
} }
}, },
async handleQuery1(params) { async handleQuery1(params) {
let param = params?params:this.queryParams let param = params ? params : this.queryParams;
let res = await changeInfo(param) let res = await changeInfo(param);
if(res.code==200){ if (res.code == 200) {
this.tableData = res.rows; this.tableData = res.rows;
this.tableDataTotal = res.total this.tableDataTotal = res.total;
} }
}, },
showRegion(region){ showRegion(region) {
if(region) { if (region) {
let list = dataRegion let list = dataRegion;
let areaText = '' let areaText = '';
list.forEach(item => { list.forEach(item => {
if(item.id == region) { if (item.id == region) {
areaText = item.regionName areaText = item.regionName;
} }
}) });
return areaText return areaText;
}else { } else {
return '--' return '--';
} }
} }
} }
...@@ -151,22 +143,22 @@ export default { ...@@ -151,22 +143,22 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-container{ .detail-container {
margin: 0; margin: 0;
padding: 16px; padding: 16px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
.detail-tab{ .detail-tab {
margin: 0 0 0 -16px; margin: 0 0 0 -16px;
::v-deep .el-tabs__nav-wrap::after{ ::v-deep .el-tabs__nav-wrap::after {
display: none; display: none;
} }
::v-deep .el-tabs__item{ ::v-deep .el-tabs__item {
font-size: 16px; font-size: 16px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
padding: 0 16px; padding: 0 16px;
&.is-active{ &.is-active {
font-weight: bold; font-weight: bold;
} }
} }
......
<template> <template>
<div v-loading="loading" class="market-container"> <div v-loading="loading" class="market-container">
<iframe id="companyIframe" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" :style="{height:iframeHight+'px'}" <!-- <iframe id="companyIframe" class="market-iframe" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" :style="{ height: iframeHight + 'px' }"
:src="src" /> :src="src" /> -->
<iframe id="companyIframe" class="market-iframe" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" width="100%" :src="src" />
<transition name="fade" mode="out-in" appear>
<max-page-size-tip v-if="showMaxPageTip" @closeMaxTip="showMaxPageTip = false"></max-page-size-tip>
</transition>
</div> </div>
</template> </template>
<script> <script>
import { steerScroll } from '@/assets/js/jskplug'; import { steerScroll } from '@/assets/js/jskplug';
import { dskAccessToken } from '@/api/common'; import { dskAccessToken } from '@/api/common';
import MaxPageSizeTip from "@/views/components/MaxPageSizeTip.vue";
export default { export default {
name: 'Enterprise', name: 'Enterprise',
components: { components: {
MaxPageSizeTip
}, },
data() { data() {
return { return {
...@@ -28,26 +33,37 @@ export default { ...@@ -28,26 +33,37 @@ export default {
ak: 'aec7b3ff2y2q8x6t49a7e2c463ce21912', // 需要携带的sdkId ak: 'aec7b3ff2y2q8x6t49a7e2c463ce21912', // 需要携带的sdkId
timelongs: 7200,//刷新token时间 timelongs: 7200,//刷新token时间
tokentimer: null, tokentimer: null,
showMaxPageTip: false,
}; };
}, },
created() { created() {
if(window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com'){ if (window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com') {
this.domain='https://plug.jiansheku.com' this.domain = 'https://plug.jiansheku.com';
}else { } else {
this.domain='https://pre-plug.jiansheku.com' this.domain='https://pre-plug.jiansheku.com'
} }
this.gettokens(); this.gettokens();
window.addEventListener("message", this.pagecapListener, { passive: true });
}, },
mounted() { mounted() {
this.iframeLoading(); // 判断iframe页面是否加载完成-当前页控制 // this.iframeLoading(); // 判断iframe页面是否加载完成-当前页控制
steerScroll('companyIframe', this.navigation, this.footHeight, true); // iframeId: iframe的id;navigation:页面排除iframe后剩下的顶部高度;footHeight: 页面排除iframe后剩下的底部高度;state:监听or移除监听;parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例(可忽略) // steerScroll('companyIframe', this.navigation, this.footHeight, true); // iframeId: iframe的id;navigation:页面排除iframe后剩下的顶部高度;footHeight: 页面排除iframe后剩下的底部高度;state:监听or移除监听;parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例(可忽略)
}, },
beforeDestroy() { beforeDestroy() {
clearInterval(this.iframeTimer); // -当前页控制 clearInterval(this.iframeTimer); // -当前页控制
steerScroll('companyIframe', this.navigation, this.footHeight); // iframeId: iframe的id;navigation:页面排除iframe后剩下的顶部高度;footHeight: 页面排除iframe后剩下的底部高度;state:监听or移除监听;parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例(可忽略) steerScroll('companyIframe', this.navigation, this.footHeight); // iframeId: iframe的id;navigation:页面排除iframe后剩下的顶部高度;footHeight: 页面排除iframe后剩下的底部高度;state:监听or移除监听;parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例(可忽略)
clearInterval(this.tokentimer); clearInterval(this.tokentimer);
window.removeEventListener("message", this.pagecapListener, { passive: true });
}, },
methods: { methods: {
// 列表翻页上限
pagecapListener(e) {
const { origin, data } = e;
if (origin.indexOf(this.domain) < 0) return;
if (data == "pageCurrentMaxSize") {
this.showMaxPageTip = true;
}
},
gettokens() { gettokens() {
dskAccessToken().then(res => { dskAccessToken().then(res => {
if (res.code == 200) { if (res.code == 200) {
...@@ -88,14 +104,19 @@ export default { ...@@ -88,14 +104,19 @@ export default {
}); });
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.market-container { .market-container {
width: 100%; width: 100%;
height: 100%;
padding: 16px 24px; padding: 16px 24px;
padding-right: 15px;
box-sizing: border-box; box-sizing: border-box;
.market-iframe {
width: 100%;
height: 100%;
}
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment