Skip to content

F
founder_vue
Commit a3b72007 by liujiani
Options

202108211023

parent 556a1e9f
Showing with 757 additions and 278 deletions
package.json
......@@ -11,6 +11,7 @@
"ant-design-vue": "^1.7.6",
"axios": "^0.21.1",
"core-js": "^3.6.5",
"sortablejs": "^1.14.0",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
......@@ -25,6 +26,7 @@
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"md5": "^2.2.1",
"echarts": "^5.1.2",
"eslint-plugin-prettier": "^3.1.3",
"eslint-plugin-vue": "^6.2.2",
"less": "^3.0.4",
......
public/index.html
......@@ -5,7 +5,16 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link href="<%= BASE_URL %>js/FMapClient.min.css">
<title><%= htmlWebpackPlugin.options.title %></title>
<script type="text/javascript" src="<%= BASE_URL %>config.js"></script>
<script type="text/javascript" src="<%= BASE_URL %>js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="<%= BASE_URL %>js/EzMapAPI.js"></script>
<script type="text/javascript" src="<%= BASE_URL %>js/echarts.js"></script>
<script type="text/javascript" src="<%= BASE_URL %>js/echarts.min.js"></script>
<script type="text/javascript" src="<%= BASE_URL %>js/FMapClient.js"></script>
<script type="text/javascript" src="<%= BASE_URL %>js/ol-echarts.js"></script>
</head>
<body>
<noscript>
......@@ -15,4 +24,3 @@
<!-- built files will be auto injected -->
</body>
</html>
<script type="text/javascript" src="<%= BASE_URL %>config.js"></script>
public/js/EzMapAPI.js 0 → 100644
/*
|------------------------------------------------------------------------------
| EzMapAPI.js
|
|@author: qianleyi
|@date: 2015-11-27
|@descript: 鍩虹鍦板浘鍒濆鍖栭厤缃缃�
|------------------------------------------------------------------------------
*/
var ezMap = {
MapSrcURL: [
// ["sl_ytt", "http://11.33.3.228:8080/PGIS_S_RasterTileMap/WMTS?SERVICE=WMTS", {
// type: 'wmts',
// crs: '4326',
// wrapX: true,
// layer:'sl_ytt',
// matrixSet:'c',
// format:'tile',
// style: 'default',
// imageSRC:'images/shiliang.png',
// customOpts: {
// isTDT: true,
// print: true,
// layers: "arcgissl12"
// }
// }],
// ["影像叠加TDT", "http://50.56.40.102:8066/img_c/wmts?tk=2ce94f67e58faa24beb7cb8a09780552",{
// type: 'group',
// subType:'wmts',
// crs: '4326',
// wrapX:false,
// imageSRC:'../images/yingxiang.png',
// subLayer:["http://50.56.40.102:8066/cia_c/wmts?tk=2ce94f67e58faa24beb7cb8a09780552",{
// type: 'wmts',
// layer:'cia',
// matrixSet:'c',
// format:'tiles',
// style:'default',
// wrapX:false
// }],
// layer:'img',
// matrixSet:'c',
// format:'tiles',
// style:'default'
// }],
// ["影像TDT","http://50.56.40.102:8066/img_c/wmts?tk=2ce94f67e58faa24beb7cb8a09780552",{
// type: 'wmts',
// crs: '4326',
// wrapX:false,
// imageSRC:'images/yingxiang.png',
// layer:'img',
// matrixSet:'c',
// format:'tiles',
// style: 'default'
// }],
//
// ["矢量叠加TDT", "http://50.56.40.102:8066/vec_c/wmts?tk=2ce94f67e58faa24beb7cb8a09780552",{
// type: 'group',
// subType:'wmts',
// crs: '4326',
// wrapX:false,
// imageSRC:'../images/shiliang.png',
// subLayer:["http://50.56.40.102:8066/cva_c/wmts?tk=2ce94f67e58faa24beb7cb8a09780552",{
// type: 'wmts',
// layer:'cva',
// matrixSet:'c',
// format:'tiles',
// style:'default',
// wrapX:false
// }],
// layer:'vec',
// matrixSet:'c',
// format:'tiles',
// style:'default'
// }]
['sltdt', 'http://172.18.71.238:8088/EzServer7/WMTS?SERVICE=WMTS', {
type: 'wmts',
crs: '4326',
wrapX: true,
layer: 'sltdt',
matrixSet: 'c',
format: 'tile',
style: 'default',
imageSRC: '../images/layer_shiliang.png',
customOpts: {
print: true,
layers: 'arcgissl12'
}
}],
['yxtdt', 'http://172.18.71.238:8088/EzServer7/WMTS?SERVICE=WMTS', {
type: 'wmts',
crs: '4326',
wrapX: true,
layer: 'yxtdt',
matrixSet: 'c',
format: 'tile',
style: 'default',
imageSRC: '../images/layer_yingxiang.png',
customOpts: {
isTDT: true,
print: true,
layers: 'arcgissl12'
}
}],
],
CenterPoint: [116.40981269836427, 39.896639704704288],
// CenterPoint: [112.568,22.364],
MapFullExtent: undefined,
// MapFullExtent: [116.264129,39.590339,116.564129,39.79],
MapInitLevel: 5,
// MapInitLevel: 12,
MapMinLevel: 2,
isTitleArea: true,
loadTilesWhileAnimating: false
};
(function(ezMap) {
var scriptName = 'EzMapAPI\\.js'
var keyWord = 'key';
(function(ezMap) {
var isOL = new RegExp('(^|(.*?\\/))(' + scriptName + ')(\\?|$)')
var scripts = document.getElementsByTagName('script')
for (var i = 0, len = scripts.length; i < len; i++) {
var src = scripts[i].getAttribute('src')
if (src) {
var match = src.match(isOL)
if (match) {
var key = src.indexOf(keyWord + '=')
if (key == -1) {
break
}
var get_par = src.slice(keyWord.length + key + 1)
var nextPar = get_par.indexOf('&')
if (nextPar != -1) {
get_par = get_par.slice(0, nextPar)
}
ezMap.AuthorKey = get_par
break
}
}
}
})(ezMap)
})(ezMap)
public/js/FMapClient.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/js/FMapClient.js.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/js/echarts.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/js/echarts.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/api/minLevel.js
......@@ -2,7 +2,12 @@ import { getRequest } from "@/utils/request-gateway";
const userApi = {
getOrgList: "/pgislwcenter/mapservice/org/get", // 获取组织机构列表接口
getOrgServeList: "/pgislwcenter/mapservice/ministry/get", // 查询地图服务接口_部
getOrgServeList: "/pgislwcenter/mapservice/ministry/page/get", // 查询地图服务接口_部
getServeStatus: "/pgislwcenter/mapservice/status/sum/get", // 获取地图服务状态总数接口
getProStatus: "/pgislwcenter/mapservice/province/status/sum/get", // 获取省厅服务状态统计接口
syncServe: "/pgislwcenter/mapservice/syn/lw", // 同步更新联网服务配置接口
updateSyncServe: "/pgislwcenter/mapservice/syn/update", // 根据ID更新地图同步状态接口
updateSort: "/pgislwcenter/mapservice/sort/update", // 更新排序接口
};
......@@ -15,3 +20,28 @@ export function getOrgList(parameter) {
export function getOrgServeList(parameter) {
return getRequest(userApi.getOrgServeList, parameter);
}
// 新增地图服务接口_省
export function getServeStatus(parameter) {
return getRequest(userApi.getServeStatus, parameter);
}
// 获取省厅服务状态统计接口
export function getProStatus(parameter) {
return getRequest(userApi.getProStatus, parameter);
}
// 同步更新联网服务配置接口
export function syncServe(parameter) {
return getRequest(userApi.syncServe, parameter);
}
// 根据ID更新地图同步状态接口
export function updateSyncServe(parameter) {
return getRequest(userApi.updateSyncServe, parameter);
}
// 根据ID更新地图同步状态接口
export function updateSort(parameter) {
return getRequest(userApi.updateSort, parameter);
}
src/assets/css/reset.css
......@@ -102,6 +102,8 @@
padding-bottom: 0px!important;
min-width: 0px!important;
overflow: hidden!important;
/*margin-right: 6px;*/
background: rgb(29 63 111);
}
/deep/ .ant-table-fixed-header .ant-table-scroll .ant-table-header{
background-color: transparent;
......@@ -161,6 +163,9 @@
margin: 0 10px;
border-top: 1px solid #004B6C;
}
.ant-table-fixed .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-fixed .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-fixed .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-fixed .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td{
background: #0e89c3;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td{
background: #0e89c3;
}
......@@ -225,3 +230,101 @@
color: #52FFFF;
cursor: pointer;
}
.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {
color: #52FFFF;
background-color: transparent;
border: none;
}
.ant-pagination-disabled a, .ant-pagination-disabled:hover a, .ant-pagination-disabled:focus a, .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link{
color: #52FFFF;
}
.ant-pagination-item-active{
background: transparent;
border: none;
}
.ant-pagination-item{
background: transparent;
color: #40a9ff;
border: none;
}
.ant-pagination-item a{
color: #C9E7EF;
}
.ant-pagination-item-active a{
color: #40a9ff;
}
.echartbox::-webkit-scrollbar {
width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
height: 6px;
}
.echartbox::-webkit-scrollbar-thumb {
border-radius: 6px;
background: #083f6f;
}
.echartbox::-webkit-scrollbar-track {
border-radius: 5px;
background: transparent;
}
.ant-table-pagination.ant-pagination{
margin: 8px 0;
}
.ant-spin-nested-loading{
overflow: hidden;
width: 100%;
height: 100%;
}
.ant-spin-container{
overflow: hidden;
width: 100%;
height: 100%;
}
.ant-table-fixed{
width: 200px;
background: transparent;
}
.ant-table-body-outer .ant-table-body-inner .ant-table-fixed{
background-color: #233d63;
}
.ant-table-fixed-right .ant-table-fixed .ant-table-thead > tr > th{
/*.ant-table-fixed-right tr th{*/
background: #1d3f6f!important;
}
.ant-table-thead > tr:first-child > th:last-child{
border-top-right-radius: 0;
}
.ant-spin-nested-loading .ant-spin-container .ant-table-fixed-right .ant-table-body-inner::-webkit-scrollbar {
width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
height: 6px;
}
.ant-spin-nested-loading .ant-spin-container .ant-table-fixed-right .ant-table-body-inner::-webkit-scrollbar-thumb {
border-radius: 0px;
background: #083f6f;
}
.ant-spin-nested-loading .ant-spin-container .ant-table-fixed-right .ant-table-body-inner::-webkit-scrollbar-track {
border-radius: 0px;
background: #062949;
}
.ant-spin-nested-loading .ant-spin-container .ant-table-body::-webkit-scrollbar {
width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
height: 6px;
}
.ant-spin-nested-loading .ant-spin-container .ant-table-body::-webkit-scrollbar-thumb {
border-radius: 0px;
background: #083f6f;
}
.ant-spin-nested-loading .ant-spin-container .ant-table-body::-webkit-scrollbar-track {
border-radius: 0px;
background: transparent;
}
.ant-table-body-outer{
margin-bottom: -6px!important;
}
.ant-spin-nested-loading .ant-table-fixed-right .ant-table-bordered .ant-table-fixed .ant-table-thead > tr > th{
background: #0d223c;
}
.ant-table-fixed-right, .ant-table-fixed-right table{
border-radius: 0;
}
src/components/PlatformHead.vue
......@@ -6,22 +6,116 @@
</div>
<slot name="tabs"></slot>
</div>
<div class="head_r">
<div class="head_r" :style="{justifyContent:curTab!=='fwgl'?'space-between':'flex-end'}">
<div class="serveList" v-if="curTab!=='fwgl'">
<div class="serveItem" v-for="(item, index) in serveList" :key="index">
<div class="serveItem_title" :style="{color: item.color}">
<!-- {{item.title}}-->
<span v-for="(titleItem,index) in item.title.length" :style="{color:item.fontColor,background:item.bgColor}" :key="index">{{item.title[index]}}</span>
</div>
<div class="serveItem_con"
>
<!-- <div class="serveItem_con_num"-->
<!-- :style="{background:item.fontColor,color:'#828282'}"-->
<!-- v-for="num in 4-item.num.toString().length"-->
<!-- :key="num"-->
<!-- >0</div>-->
<div class="serveItem_con_num"
:style="{background:item.bgColor1}"
v-for="(num,index) in item.num.toString()"
:key="index"
>{{num}}</div>
<!-- <div class="serveItem_con_num"-->
<!-- v-for="(num, index) in item.num"-->
<!-- :key="index"-->
<!-- :style="{background:item.fontColor}"-->
<!-- >-->
<!-- {{num}}-->
<!-- </div>-->
</div>
<div style="font-size: 14px">(个)</div>
</div>
</div>
<span>{{orgName}}</span>
</div>
</div>
</template>
<script>
import {getServeStatus} from "@/api/minLevel";
export default {
name: 'PlatFormHead',
props: {
curTab: {
type: String,
default: 'fwgl'
}
},
data () {
return {
orgName: ''
orgName: '',
serveList: [
{
title: '共计服务',
num: '',
bg: require('@/assets/images/gjfwbg.png'),
fontColor: '#B5ECFF',
bgColor: 'rgba(36, 185, 255, .2)',
bgColor1: 'rgba(36, 185, 255, .4)',
},
{
title: '正常服务',
num: '',
bg: require('@/assets/images/zcfwbg.png'),
fontColor: '#3CBDC2',
bgColor: 'rgba(82, 255, 255, .2)',
bgColor1: 'rgba(82, 255, 255, .4)',
},
{
title: '异常服务',
num: '',
bg: require('@/assets/images/ycfwbg.png'),
fontColor: '#f80d04',
bgColor: 'rgba(240, 80, 74, .2)',
bgColor1: 'rgba(240, 80, 74, .4)',
}
],
}
},
methods: {
getServeStatusFunc(){
const that = this
getServeStatus().then(res => {
if (res.result === 'SUCCESS') {
if(res.data.length > 0) {
that.serveList[0].num = res.data[0].total + res.data[1].total
that.serveList[1].num = res.data[1].total
that.serveList[2].num = res.data[0].total
// that.serveList[0].num = that.formatStr((res.data[0].total + res.data[1].total).toString(),4)
// res.data.forEach(item => {
// if(item.status == 0) {
// that.serveList[2].num = that.formatStr((item.total).toString(),4)
// }
// if(item.status == 1) {
// that.serveList[1].num = that.formatStr((item.total).toString(),4)
// }
// })
}
} else {
that.$message.info(res.msg)
}
}).catch(() => {
that.$message.error('获取服务数量失败')
}).finally(() => {
})
}
},
mounted() {
this.orgName = JSON.parse(sessionStorage.getItem('userdata')).orgName
this.getServeStatusFunc()
}
}
</script>
......@@ -40,10 +134,10 @@ export default {
.head_l{
display: flex;
align-items: center;
width: 50%;
width: 36%;
.logo{
height: 78px;
width: 30%;
width: 43%;
line-height: 74px;
padding: 0 5%;
background: #00070f;
......@@ -51,11 +145,49 @@ export default {
width: 100%;
}
}
}
.head_r{
flex: 1;
margin-right: 20px;
color: #52FFFF;
font-size: 16px;
display: flex;
align-items: center;
.serveList{
display: flex;
padding: 10px;
.serveItem{
min-width: 150px;
display: flex;
align-items: flex-end;
margin-right: 30px;
.serveItem_title>span{
display: inline-block;
width: 23px;
height: 30px;
line-height: 32px;
text-align: center;
/*background: rgb(41, 86, 122, .5);*/
margin-right: 2px;
}
.serveItem_con{
display: flex;
padding: 0 3px 0 15px;
background-size: 100% 100%;
.serveItem_con_num{
width: 23px;
height: 30px;
line-height: 32px;
margin-right: 2px;
color: #fff;
text-align: center;
font-size: 22px;
font-weight: bolder;
}
}
}
}
}
}
</style>
src/components/ProLevel/proManage.vue
......@@ -6,7 +6,7 @@
<a-table
class="tableClass"
bordered
:scroll="{x:false,y:'calc(100vh - 230px)'}"
:scroll="{x:1200,y:'calc(100vh - 230px)'}"
:loading="tableLoading"
:columns="tableColumns"
:pagination="false"
......@@ -19,6 +19,11 @@
return className;
}"
>
<span slot="mapType" slot-scope="text, record">
<span v-if="record.mapType == 1">矢量栅格</span>
<span v-else-if="record.mapType == 2">影像栅格</span>
<span v-else>矢影叠加</span>
</span>
<span slot="status" slot-scope="text, record">
<span style="color: red" v-if="record.status == 0">异常</span>
<span style="color: #10d010" v-else>正常</span>
......@@ -182,7 +187,9 @@
{{curServeInfo.orgName}}
</a-descriptions-item>
<a-descriptions-item label="地图类型">
{{curServeInfo.mapType}}
<span v-if="curServeInfo.mapType == 1">矢量栅格</span>
<span v-else-if="curServeInfo.mapType == 2">影像栅格</span>
<span v-else>矢影叠加</span>
</a-descriptions-item>
<a-descriptions-item label="最小级别">
{{curServeInfo.minValue}}
......@@ -219,7 +226,7 @@
<span class="mapType" slot="mapType" slot-scope="text, record">
<span v-if="record.mapType == 1">矢量栅格</span>
<span v-else-if="record.mapType == 2">影像栅格</span>
<span v-else>矢量叠加</span>
<span v-else>矢影叠加</span>
</span>
<span slot="action" slot-scope="text, record">
<a-popconfirm
......@@ -250,171 +257,69 @@ export default {
locale: {
emptyText: '暂无数据'
},
tableData: [
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// },
// {
// serviceName: '111',
// serviceUrl: '111',
// orgName: '111',
// contacts: '111',
// phone: '111',
// createTime: '111',
// updateTime: '111',
// }
], // table数据
tableData: [], // table数据
tableColumns: [
{
title: '序号',
align: 'center',
width: 50,
customRender: (text, record, index) => `${index + 1}`
},
{
title: '服务名称',
dataIndex: 'serviceName',
ellipsis: true,
width: 150,
align: 'center'
},
{
title: '服务地址',
dataIndex: 'serviceUrl',
ellipsis: true,
width: 350,
align: 'center'
},
{
title: '地图类型',
dataIndex: 'mapType',
scopedSlots: { customRender: 'mapType' },
ellipsis: true,
width: 100,
align: 'center'
},
{
title: '所属组织机构',
dataIndex: 'orgName',
ellipsis: true,
width: 150,
align: 'center'
},
{
title: '负责人',
dataIndex: 'contacts',
ellipsis: true,
width: 80,
align: 'center'
},
{
title: '联系电话',
dataIndex: 'phone',
ellipsis: true,
width: 100,
align: 'center'
},
{
title: '注册日期',
dataIndex: 'createTime',
ellipsis: true,
width: 150,
align: 'center'
},
{
title: '更新日期',
dataIndex: 'updateTime',
ellipsis: true,
width: 150,
align: 'center'
},
{
......@@ -422,14 +327,17 @@ export default {
dataIndex: 'status',
scopedSlots: { customRender: 'status' },
ellipsis: true,
align: 'center'
width: 60,
align: 'center',
fixed: 'right'
},
{
title: '操作',
dataIndex: 'action',
scopedSlots: { customRender: 'action' },
width: 200,
align: 'center'
width: 180,
align: 'center',
fixed: 'right'
}
], // table title
selectedRowKeys: [],
......@@ -515,14 +423,14 @@ export default {
},
mapTypeList: [
{
id: '1',
id: 1,
type: '矢量栅格',
},{
id: '2',
id: 2,
type: '影像栅格',
},{
id: '3',
type: '矢量叠加',
id: 3,
type: '矢影叠加',
}
],
levelList: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20'],
......@@ -589,7 +497,7 @@ export default {
this.title = '新增服务'
},
editServeFunc(record) {
this.serveForm = record
this.serveForm = this.deepCopy(record)
this.addFlag = false
this.visible = true
this.title = '编辑服务'
......@@ -725,7 +633,7 @@ export default {
that.$message.error('删除失败')
}).finally(() => {
})
},
}
},
mounted() {
this.getProListFunc()
......
src/main.js
......@@ -6,10 +6,16 @@ import md5 from 'md5'
import Antd from "ant-design-vue";
import "ant-design-vue/dist/antd.css";
import "./assets/css/reset.css"
import * as echarts from 'echarts';
Vue.prototype.$md5 = md5
Vue.prototype.$echarts = echarts
Vue.use(Antd);
Vue.config.productionTip = false
Vue.prototype.deepCopy = function (objtp) {
let obj = {}
obj = JSON.parse(JSON.stringify(objtp))
return obj
}
new Vue({
router,
store,
......
src/router/index.js
......@@ -4,6 +4,7 @@ import Login from "../views/login";
import NoPermission from "../views/403";
import Home from '../views/home'
import Index from '../views/index'
import Map from '../views/map'
Vue.use(VueRouter)
......@@ -27,40 +28,16 @@ const routes = [
path: "/home",
name: "home",
component: Home,
// children: [
// {
// path: "/",
// name: "minmonitor",
// component: MinMonitor
// },
// {
// path: "/minmonitor",
// name: "MinMonitor",
// component: MinMonitor
// },
// {
// path: "/minmanage",
// name: "MinManage",
// component: MinManage
// },
// ]
},
{
path: "/index",
name: "index",
component: Index,
// children: [
// {
// path: "/",
// name: "ProManage",
// component: ProManage
// },
// {
// path: "/promanage",
// name: "ProManage",
// component: ProManage
// }
// ]
},
{
path: "/map",
name: "map",
component: Map,
}
]
......@@ -68,19 +45,19 @@ const router = new VueRouter({
base: process.env.BASE_URL,
routes
});
// router.beforeEach((to, from, next) => {
// let token = sessionStorage.getItem("userdata");
// if (to.path === "/login") {
// next();
// } else if (to.path === "/403") {
// next();
// } else {
// if (token === null || token === "" || token === "null") {
// next("/login");
// } else {
// next();
// }
// }
// });
router.beforeEach((to, from, next) => {
let token = sessionStorage.getItem("userdata");
if (to.path === "/login") {
next();
} else if (to.path === "/403") {
next();
} else {
if (token === null || token === "" || token === "null") {
next("/login");
} else {
next();
}
}
});
export default router;
src/views/About.vue deleted 100644 → 0
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
src/views/Home.vue
<template>
<div id="home">
<plat-form-head>
<plat-form-head :curTab="curTab">
<div slot="tabs" class="tabs">
<div class="tab" @click="changeTab(item.key)" v-for="item in tabs" :key="item.key">
<img class="tab_icon" :src="curTab===item.key?item.curImg:item.img" alt="">
......@@ -9,19 +9,19 @@
</plat-form-head>
<div class="tabCons">
<min-manage v-if="curTab==='fwgl'"></min-manage>
<!-- <min-monitor v-if="curTab==='fwjc'"></min-monitor>-->
<min-monitor v-if="curTab==='fwjc'"></min-monitor>
</div>
</div>
</template>
<script>
import PlatFormHead from "@/components/PlatformHead.vue";
// import MinMonitor from "@/components/MinLevel/minMonitor";
import MinMonitor from "@/components/MinLevel/minMonitor";
import MinManage from "@/components/MinLevel/minManage";
export default {
name: "home",
components: {
PlatFormHead,
// MinMonitor,
MinMonitor,
MinManage
},
data () {
......@@ -33,12 +33,12 @@ export default {
img: require('@/assets/images/gl1.png'),
curImg: require('@/assets/images/gl2.png')
},
// {
// title: '服务监测',
// key: 'fwjc',
// img: require('@/assets/images/jc1.png'),
// curImg: require('@/assets/images/jc2.png')
// }
{
title: '服务监测',
key: 'fwjc',
img: require('@/assets/images/jc1.png'),
curImg: require('@/assets/images/jc2.png')
}
],
curTab: 'fwgl',
}
......@@ -62,7 +62,6 @@ export default {
display: flex;
flex-direction: column;
.tabs{
padding: 0 20px;
display: flex;
.tab{
padding: 0 20px;
......@@ -71,6 +70,8 @@ export default {
}
.tabCons{
flex: 1;
width: 100%;
overflow: hidden;
}
}
</style>
src/views/index.vue
......@@ -49,7 +49,6 @@ export default {
background-size: 100% 100%;
background-repeat: no-repeat;
.tabs{
padding: 0 20px;
display: flex;
.tab{
padding: 0 20px;
......
src/views/map.vue 0 → 100644
<template>
<div class="mapbox">
<div class="toolbox">
<a-button type="primary" icon="check" @click="pass">通过</a-button>
<a-button type="danger" icon="close" @click="fail">不通过</a-button>
</div>
<div id="testMap"></div>
</div>
</template>
<script>
export default {
name: 'mapTest',
data() {
return {}
},
methods: {
initMap() {
// eslint-disable-next-line no-undef
window.testMap = new EzMap('testMap', {
mapInitLevel: 4
});
// eslint-disable-next-line no-undef
let wmtslayer = new Ez.TileLayer.WMTS('shangluo1', 'http://47.92.249.229:8080/EzServer/WMTS?SERVICE=WMTS', {
crs: '4326',
layer: 'shangluo1'
});
window.testMap.addLayer(wmtslayer);
// LINESTRING((110.1166485373685 33.71276920507975,109.9738262717435 33.74023502539225,109.9518536154935 33.65234440039225,109.8090313498685 33.63586490820475,109.7321270529935 33.69628971289225,109.649729592056 33.65234440039225,109.5893047873685 33.75122135351725,109.6002911154935 33.83361881445475,109.5014141623685 33.83361881445475,109.5014141623685 33.99292057226725,109.69367490455602 34.09042423437662,109.74448667213414 34.091797525392245,109.79529843971227 34.06570499609537,109.8406170432279 34.031372720704745,109.8900555197904 33.96957462500162,109.9449871604154 33.959961587892245,109.9394939963529 33.91189640234537,109.99854551002477 33.94210880468912,110.00403867408727 33.880310708985995,110.07544980689977 33.905029947267245,110.06309018775914 33.85147159765787,110.10566220924352 33.85696476172037,110.09742246314977 33.814392740235995,110.1166485373685 33.71276920507975)
// eslint-disable-next-line no-undef
// let wmtslayer =new Ez.VectorLayer.WMTS_SL(
// "guangzhou",
// "http://172.18.71.238:8088/vtserver/wmts",
// {
// layer: "guangzhou",
// projection: "EPSG:4326",
// }
// );
// eslint-disable-next-line no-undef,no-unused-vars
// let json2Style = new Ez.Json2StyleMapbox( wmtslayer, 'http://172.18.71.238:8088/vtserver/styles/guangzhou.json','guangzhou');
// setTimeout(function () {
// window.testMap.addLayer(wmtslayer);
// }, 100);
// eslint-disable-next-line no-undef
// let imagewms = new Ez.Layer.ImageWMS({
// url: 'http://172.18.71.238:8088/vtserver/wmts',
// params: {
// REQUEST:'GetTile',
// SERVICE:'WMTS',
// VERSION:'1.0.0',
// LAYER: 'guangzhou',
// TILEMATRIX:'EPSG:4326',
// TILEMATRIXSET:'EPSG:4326',
// FORMAT: 'plication/x-protobuf;type=mapbox-vector'
// }
// });
// window.testMap.addLayer(imagewms);
// eslint-disable-next-line no-undef
// let wmtslayer = new Ez.TileLayer.WMTS(
// "test",
// 'http://172.18.71.238:8088/vtserver/wmts?REQUEST=GetTile&SERVICE=WMTS',
// {
// type: "wmts",
// crs: "4326",
// format: "tile",
// layer: "guangzhou",
// matrixSet: "c",
// style: "default",
// wrapX: false
// }
// );
// window.testMap.addLayer(wmtslayer);
}
},
mounted() {
this.initMap()
}
}
</script>
<style scoped lang="less">
.mapbox{
width: 100%;
height: 100%;
padding: 10px;
overflow: hidden;
background-image: url("~@/assets/images/bgcon.png");
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
.toolbox{
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
.ant-btn{
margin-right: 10px;
}
}
#testMap{
width: 100%;
flex: 1;
}
}
</style>
vue.config.js
......@@ -19,7 +19,7 @@ module.exports = {
open: true,
proxy: {
"/pgislwcenter": {
// target: "http://172.18.118.150:7770",
// target: "http://172.18.110.218:7676",
target: "http://172.18.116.38:7676/",
ws: true,
pathRewrite: {
......
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