首页地图相关功能。
This commit is contained in:
Renpc-kilig
parent
d9d768ad4f
commit
25d441a92a
@ -6,6 +6,8 @@
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||||
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
|
||||
<style>
|
||||
*{margin:0;padding:0;}
|
||||
[v-cloak]{display: none}
|
||||
@ -14,10 +16,7 @@
|
||||
.tab{margin-bottom: 10px;float: right;width: 74%;height:140px;overflow-y: auto}
|
||||
.top:after, .tab:after, .list:after{content: '';display: block;clear: both}
|
||||
.logo-box{float: left;width:25%;}
|
||||
.logo{max-width: 100%}
|
||||
.tab-box{padding-right: 5px;float:left;box-sizing: border-box;width:32%;margin-right: 2%;margin-bottom: 10px;}
|
||||
.tab-box:nth-child(3n){margin-right: 0}
|
||||
.box{border:1px solid #DDD;border-radius: 5px;padding: 5px;height: 60px;box-sizing: border-box}
|
||||
.logo{max-width: 100%;height:205px;}
|
||||
.box h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;font-weight: normal;color: #000;}
|
||||
.list-box{float:left;width: 32%;margin-right: 2%;padding: 5px;box-sizing: border-box;border-radius: 5px}
|
||||
.list-box:last-child{margin-right: 0}
|
||||
@ -35,67 +34,78 @@
|
||||
<div class="logo-box">
|
||||
<img :src="'route/file/downloadfile/false/' + partyOrganizeData.logo" alt="" class="logo">
|
||||
</div>
|
||||
<div class="tab" v-cloak>
|
||||
<div class="tab-box" v-for="tab in tabList">
|
||||
<div class="box" v-on:click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);">
|
||||
<h3>{{tab.title}}</h3>
|
||||
<div class="layui-col-md6" style="width: 739px;">
|
||||
<div class="layui-card" style="background-color: transparent">
|
||||
<div class="layui-card-body">
|
||||
<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 style="background-color: transparent">
|
||||
<ul class="layui-row layui-col-space10 layui-this" v-cloak>
|
||||
<li class="layui-col-xs6" v-for="tab in tabList" style="width: 236px;">
|
||||
<a @click="showPartyMemberList(tab.url, tab.count, tab.msgTitle);" href="javascript:void(0)" class="layadmin-backlog-body">
|
||||
<h3>{{tab.title}}</h3>
|
||||
<p><cite>{{tab.dataCount}}</cite></p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list" style="padding-left: 15px;padding-right: 15px;">
|
||||
<div class="list-box" style="margin-top:30px;">
|
||||
<h4>{{partyOrganizeData.name}}</h4>
|
||||
<ul style="margin-top:10px;">
|
||||
<li>
|
||||
<a href="javascript:void(0);">组织类型</a>
|
||||
<span>{{partyOrganizeData.typeDictionaryName}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">直属类型</a>
|
||||
<span>{{partyOrganizeData.belongTypeDictionaryName}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">隶属类型</a>
|
||||
<span>{{partyOrganizeData.subjectionTypeDictionaryName}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">所属级别</a>
|
||||
<span>{{partyOrganizeData.belongLevel}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="list-box" style="margin-top:61px;">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0);">区域面积</a>
|
||||
<span>{{partyOrganizeData.areaMeasure}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">单位类型</a>
|
||||
<span>{{partyOrganizeData.companyTypeName}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">负责人</a>
|
||||
<span>{{partyOrganizeData.linkMan}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="list-box" style="margin-top:61px;">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0);">联系电话</a>
|
||||
<span>{{partyOrganizeData.phone}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">建立时间</a>
|
||||
<span>{{partyOrganizeData.creatTime}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">详细地址</a>
|
||||
<span>{{partyOrganizeData.location}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="list" style="padding-left: 15px;padding-right: 15px;">
|
||||
<div class="list-box" style="margin-top:30px;">
|
||||
<h4>{{partyOrganizeData.name}}</h4>
|
||||
<ul style="margin-top:10px;">
|
||||
<li>
|
||||
<a href="javascript:void(0);">组织类型</a>
|
||||
<span>{{partyOrganizeData.typeDictionaryName}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">直属类型</a>
|
||||
<span>{{partyOrganizeData.belongTypeDictionaryName}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">隶属类型</a>
|
||||
<span>{{partyOrganizeData.subjectionTypeDictionaryName}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">所属级别</a>
|
||||
<span>{{partyOrganizeData.belongLevel}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="list-box" style="margin-top:61px;">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0);">区域面积</a>
|
||||
<span>{{partyOrganizeData.areaMeasure}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">单位类型</a>
|
||||
<span>{{partyOrganizeData.companyTypeName}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">负责人</a>
|
||||
<span>{{partyOrganizeData.linkMan}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="list-box" style="margin-top:61px;">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0);">联系电话</a>
|
||||
<span>{{partyOrganizeData.phone}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">建立时间</a>
|
||||
<span>{{partyOrganizeData.creatTime}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">详细地址</a>
|
||||
<span>{{partyOrganizeData.location}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -150,7 +160,7 @@
|
||||
var loadLayerIndex;
|
||||
top.restAjax.get(top.restAjax.path('api/partyorganize/countpartymember?partyOrganizeId={partyOrganizeId}', [self.partyOrganizeId]), {}, null, function(code, data) {
|
||||
self.partyMemberCount = data.data;
|
||||
self.tabList.unshift({title: '党员数量： ' + data.data, msgTitle: '党员信息', openTitle: '党员列表', count: data.data, url: 'route/partymemberorganize/view-partymemberorganize.html?partyOrganizeId=' + self.partyOrganizeId});
|
||||
self.tabList.unshift({title: '党员数量', dataCount: data.data, msgTitle: '党员信息', openTitle: '党员列表', count: data.data, url: 'route/partymemberorganize/view-partymemberorganize.html?partyOrganizeId=' + self.partyOrganizeId});
|
||||
}, function(code, data) {
|
||||
top.dialog.msg(data.msg);
|
||||
}, function() {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user