首页地图相关功能。

This commit is contained in:
Renpc-kilig 2020-11-05 14:42:23 +08:00
parent f6c769a08e
commit 6260346fc5

View File

@ -27,84 +27,86 @@
<script type="text/javascript" src="assets/js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="assets/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="assets/js/vue.min.js"></script> <script type="text/javascript" src="assets/js/vue.min.js"></script>
</head> </head>
<body> <body style="overflow: hidden;">
<div id="app"> <div class="layui-card">
<div class="container" style="padding-left: 15px;padding-right: 15px;padding-top: 15px;"> <div id="app">
<div class="top"> <div class="container" style="padding-left: 15px;padding-right: 15px;padding-top: 15px;height: 655px;">
<div class="logo-box"> <div class="top">
<img :src="'route/file/downloadfile/false/' + partyOrganizeData.logo" alt="" class="logo"> <div class="logo-box">
</div> <img :src="'route/file/downloadfile/false/' + partyOrganizeData.logo" alt="" class="logo">
<div class="layui-col-md6" style="width: 739px;"> </div>
<div class="layui-card" style="background-color: transparent"> <div class="layui-col-md6" style="width: 739px;">
<div class="layui-card-body"> <div class="layui-card" style="background-color: transparent">
<div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;background-color: transparent"> <div class="layui-card-body">
<div style="background-color: transparent"> <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;background-color: transparent">
<ul class="layui-row layui-col-space10 layui-this" v-cloak> <div style="background-color: transparent">
<li class="layui-col-xs6" v-for="tab in tabList" style="width: 236px;"> <ul class="layui-row layui-col-space10 layui-this" v-cloak>
<a @click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);" href="javascript:void(0)" class="layadmin-backlog-body"> <li class="layui-col-xs6" v-for="tab in tabList" style="width: 236px;">
<h3>{{tab.title}}</h3> <a @click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);" href="javascript:void(0)" class="layadmin-backlog-body">
<p><cite>{{tab.dataCount}}</cite></p> <h3>{{tab.title}}</h3>
</a> <p><cite>{{tab.dataCount}}</cite></p>
</li> </a>
</ul> </li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="list" style="padding-left: 15px;padding-right: 15px;">
<div class="list" style="padding-left: 15px;padding-right: 15px;"> <div class="list-box" style="margin-top:30px;">
<div class="list-box" style="margin-top:30px;"> <h4>{{partyOrganizeData.name}}</h4>
<h4>{{partyOrganizeData.name}}</h4> <ul style="margin-top:10px;">
<ul style="margin-top:10px;"> <li>
<li> <a href="javascript:void(0);">组织类型</a>
<a href="javascript:void(0);">组织类型</a> <span>{{partyOrganizeData.typeDictionaryName}}</span>
<span>{{partyOrganizeData.typeDictionaryName}}</span> </li>
</li> <li>
<li> <a href="javascript:void(0);">直属类型</a>
<a href="javascript:void(0);">直属类型</a> <span>{{partyOrganizeData.belongTypeDictionaryName}}</span>
<span>{{partyOrganizeData.belongTypeDictionaryName}}</span> </li>
</li> <li>
<li> <a href="javascript:void(0);">隶属类型</a>
<a href="javascript:void(0);">隶属类型</a> <span>{{partyOrganizeData.subjectionTypeDictionaryName}}</span>
<span>{{partyOrganizeData.subjectionTypeDictionaryName}}</span> </li>
</li> <li>
<li> <a href="javascript:void(0);">所属级别</a>
<a href="javascript:void(0);">所属级别</a> <span>{{partyOrganizeData.belongLevel}}</span>
<span>{{partyOrganizeData.belongLevel}}</span> </li>
</li> </ul>
</ul> </div>
</div> <div class="list-box" style="margin-top:61px;">
<div class="list-box" style="margin-top:61px;"> <ul>
<ul> <li>
<li> <a href="javascript:void(0);">区域面积</a>
<a href="javascript:void(0);">区域面积</a> <span>{{partyOrganizeData.areaMeasure}}</span>
<span>{{partyOrganizeData.areaMeasure}}</span> </li>
</li> <li>
<li> <a href="javascript:void(0);">单位类型</a>
<a href="javascript:void(0);">单位类型</a> <span>{{partyOrganizeData.companyTypeName}}</span>
<span>{{partyOrganizeData.companyTypeName}}</span> </li>
</li> <li>
<li> <a href="javascript:void(0);">负责人</a>
<a href="javascript:void(0);">负责人</a> <span>{{partyOrganizeData.linkMan}}</span>
<span>{{partyOrganizeData.linkMan}}</span> </li>
</li> </ul>
</ul> </div>
</div> <div class="list-box" style="margin-top:61px;">
<div class="list-box" style="margin-top:61px;"> <ul>
<ul> <li>
<li> <a href="javascript:void(0);">联系电话</a>
<a href="javascript:void(0);">联系电话</a> <span>{{partyOrganizeData.phone}}</span>
<span>{{partyOrganizeData.phone}}</span> </li>
</li> <li>
<li> <a href="javascript:void(0);">建立时间</a>
<a href="javascript:void(0);">建立时间</a> <span>{{partyOrganizeData.creatTime}}</span>
<span>{{partyOrganizeData.creatTime}}</span> </li>
</li> <li>
<li> <a href="javascript:void(0);">详细地址</a>
<a href="javascript:void(0);">详细地址</a> <span>{{partyOrganizeData.location}}</span>
<span>{{partyOrganizeData.location}}</span> </li>
</li> </ul>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>