Commit dfad2cba authored by 张洋's avatar 张洋

修改arcgis portal地址为可配置

parent 49d8016b
<template> <template>
<div class="menu"> <div class="menu">
<img src="../assets/imgs/nav-logo.png" alt class="logo" /> <img
src="../assets/imgs/nav-logo.png"
alt
class="logo"
/>
<div <div
style="float: right; cursor: pointer; position: relative" style="float: right; cursor: pointer; position: relative"
class="user_hover" class="user_hover"
...@@ -8,14 +12,20 @@ ...@@ -8,14 +12,20 @@
<span <span
v-if="userInfo.user_name && userInfo.user_name != ''" v-if="userInfo.user_name && userInfo.user_name != ''"
class="user" class="user"
>{{ userInfo.user_name }}</span >{{ userInfo.user_name }}</span>
> <span
<span v-else @click="gotopage('login')" class="user">请登录</span> v-else
@click="gotopage('login')"
class="user"
>请登录</span>
<img <img
:class="userInfo.picture_path && false ? 'user_pic' : 'user_default'" :class="userInfo.picture_path && false ? 'user_pic' : 'user_default'"
src="../assets/imgs/home_ic_user.png" src="../assets/imgs/home_ic_user.png"
/> />
<span class="has_msg" v-if="unreadMessageCount > 0"></span> <span
class="has_msg"
v-if="unreadMessageCount > 0"
></span>
<!-- 菜单图片不需要动态渲染,只用ui给的图标 --> <!-- 菜单图片不需要动态渲染,只用ui给的图标 -->
<div <div
v-if="userInfo.user_name && userInfo.user_name != ''" v-if="userInfo.user_name && userInfo.user_name != ''"
...@@ -56,7 +66,11 @@ ...@@ -56,7 +66,11 @@
:max="99" :max="99"
class="number" class="number"
></el-badge> ></el-badge>
<img src="../assets/imgs/home_ic_shop.png" alt class="car_img" /> <img
src="../assets/imgs/home_ic_shop.png"
alt
class="car_img"
/>
</div> </div>
<div <div
v-if="userInfo.user_name && userInfo.user_name != ''" v-if="userInfo.user_name && userInfo.user_name != ''"
...@@ -75,7 +89,10 @@ ...@@ -75,7 +89,10 @@
class="shop_img" class="shop_img"
/> />
<div class="shop_cell_msgs"> <div class="shop_cell_msgs">
<p @click="getDetail(item.id)" class="shop_cell_name over_one"> <p
@click="getDetail(item.id)"
class="shop_cell_name over_one"
>
{{ {{
item.service_id == 0 item.service_id == 0
? item.application.app_name ? item.application.app_name
...@@ -106,9 +123,11 @@ ...@@ -106,9 +123,11 @@
</div> </div>
</div> </div>
<div class="shop_footer"> <div class="shop_footer">
<el-button @click="settlement" size="small" class="shop_settlement" <el-button
>去购物车申请结算</el-button @click="settlement"
> size="small"
class="shop_settlement"
>去购物车申请结算</el-button>
</div> </div>
</div> </div>
<div <div
...@@ -150,7 +169,10 @@ ...@@ -150,7 +169,10 @@
: { left: '60px' } : { left: '60px' }
" "
></div> ></div>
<div class="bottom_show" v-if="now_menu == item.visit_url"></div> <div
class="bottom_show"
v-if="now_menu == item.visit_url"
></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -158,6 +180,9 @@ ...@@ -158,6 +180,9 @@
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
const state = window.serviceConfig.state; const state = window.serviceConfig.state;
export default { export default {
data() { data() {
...@@ -174,7 +199,7 @@ export default { ...@@ -174,7 +199,7 @@ export default {
shopping_list: [], shopping_list: [],
menuCartNum: 0, menuCartNum: 0,
now_hover: -1, now_hover: -1,
show_shop_menu: false, show_shop_menu: false
}; };
}, },
mounted() { mounted() {
...@@ -193,7 +218,7 @@ export default { ...@@ -193,7 +218,7 @@ export default {
}, },
getRouter() { getRouter() {
return this.$route.path; return this.$route.path;
}, }
}, },
watch: { watch: {
getMenuCartState(newVal) { getMenuCartState(newVal) {
...@@ -207,7 +232,7 @@ export default { ...@@ -207,7 +232,7 @@ export default {
) { ) {
this.now_menu = val; this.now_menu = val;
} }
}, }
}, },
methods: { methods: {
change_now_hover(n) { change_now_hover(n) {
...@@ -218,7 +243,9 @@ export default { ...@@ -218,7 +243,9 @@ export default {
if (state == "needLogin") { if (state == "needLogin") {
window.location.href = window.location.href =
gisServiceUrl + gisServiceUrl +
`/portal/sharing/rest/oauth2/signout?client_id=arcgisonline&redirect_uri=${window.location.protocol}//${window.location.host}/iam/api/logout`; "/" +
gisPortalSiteName +
"/sharing/rest/oauth2/signout?client_id=arcgisonline&redirect_uri=${window.location.protocol}//${window.location.host}/iam/api/logout";
} else { } else {
window.location.href = "/iam/api/logout"; window.location.href = "/iam/api/logout";
} }
...@@ -234,7 +261,7 @@ export default { ...@@ -234,7 +261,7 @@ export default {
}, },
deleteItem(id) { deleteItem(id) {
let query = [id]; let query = [id];
this.$api.serviceShop.delShoppingCart(query).then((response) => { this.$api.serviceShop.delShoppingCart(query).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.$store.commit("setCartState"); this.$store.commit("setCartState");
this.getList(); this.getList();
...@@ -264,7 +291,7 @@ export default { ...@@ -264,7 +291,7 @@ export default {
} }
}, },
getList() { getList() {
this.$api.serviceShop.getShoppingCart().then((response) => { this.$api.serviceShop.getShoppingCart().then(response => {
if (response.data.success == "1") { if (response.data.success == "1") {
this.menuCartNum = response.data.data.valid this.menuCartNum = response.data.data.valid
? response.data.data.valid.length ? response.data.data.valid.length
...@@ -282,12 +309,12 @@ export default { ...@@ -282,12 +309,12 @@ export default {
console.log(this.now_menu); console.log(this.now_menu);
}, },
getNowMenu() { getNowMenu() {
this.$api.general.getNowMenu({ teamName: "APAAS3" }).then((response) => { this.$api.general.getNowMenu({ teamName: "APAAS3" }).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
let arr = let arr =
(response.data.data[0] && response.data.data[0].Child) || []; (response.data.data[0] && response.data.data[0].Child) || [];
let shop_index = arr.findIndex( let shop_index = arr.findIndex(
(item) => item.visit_url == "/shop/shopping_cart" item => item.visit_url == "/shop/shopping_cart"
); );
if (shop_index != -1) { if (shop_index != -1) {
arr.splice(shop_index, 1); arr.splice(shop_index, 1);
...@@ -295,7 +322,7 @@ export default { ...@@ -295,7 +322,7 @@ export default {
} else { } else {
this.show_shop_menu = false; this.show_shop_menu = false;
} }
let user_index = arr.findIndex((item) => item.visit_url == "/user"); let user_index = arr.findIndex(item => item.visit_url == "/user");
if (user_index != -1) { if (user_index != -1) {
this.user_arr = arr[user_index].Child; this.user_arr = arr[user_index].Child;
arr.splice(user_index, 1); arr.splice(user_index, 1);
...@@ -305,8 +332,8 @@ export default { ...@@ -305,8 +332,8 @@ export default {
this.getMenuIndex(); this.getMenuIndex();
} }
}); });
}, }
}, }
}; };
</script> </script>
......
...@@ -31,6 +31,9 @@ ...@@ -31,6 +31,9 @@
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
export default { export default {
name: "map-view", name: "map-view",
data: () => ({ data: () => ({
...@@ -48,7 +51,9 @@ export default { ...@@ -48,7 +51,9 @@ export default {
viewAction() { viewAction() {
this.src = this.src =
gisServiceUrl + gisServiceUrl +
`/portal/apaasplat/viewer/previewMap.html?id=${this.id}`; "/" +
gisPortalSiteName +
"/apaasplat/viewer/previewMap.html?id=${this.id}";
this.showDialog = true; this.showDialog = true;
}, },
beforeClose(done) { beforeClose(done) {
......
...@@ -9,56 +9,69 @@ ...@@ -9,56 +9,69 @@
</div> </div>
<div class="main-container"> <div class="main-container">
<iframe ref="intelligent_appbuilder_iframe" width="100%" height="100%" scrolling="no" :src='appbuilderUrl' frameborder="0"></iframe> <iframe
ref="intelligent_appbuilder_iframe"
width="100%"
height="100%"
scrolling="no"
:src='appbuilderUrl'
frameborder="0"
></iframe>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
export default { export default {
data() { data() {
return { return {
originUrl: gisServiceUrl + '/portal/apps/webappbuilder/index.html' originUrl:
gisServiceUrl +
"/" +
gisPortalSiteName +
"/apps/webappbuilder/index.html"
}; };
}, },
computed:{ computed: {
appbuilderUrl(){ appbuilderUrl() {
let _self = this; let _self = this;
if(_self.$route.name == 'intelligent_appbuilder'){ if (_self.$route.name == "intelligent_appbuilder") {
return `${_self.originUrl}?title=${_self.$route.query.title}&tags=${_self.$route.query.tags}&summary=${_self.$route.query.summary}&sharewithwebmap=${_self.$route.query.sharewithwebmap}&webmap=${_self.$route.query.webmap}` return `${_self.originUrl}?title=${_self.$route.query.title}&tags=${_self.$route.query.tags}&summary=${_self.$route.query.summary}&sharewithwebmap=${_self.$route.query.sharewithwebmap}&webmap=${_self.$route.query.webmap}`;
} }
}, },
getAppBuilderParams() { getAppBuilderParams() {
return this.$store.state.appBuilderParams; return this.$store.state.appBuilderParams;
}, }
}, },
watch: { watch: {
getAppBuilderParams(newVal) { getAppBuilderParams(newVal) {
console.log('智能制图应用程序参数'+newVal) console.log("智能制图应用程序参数" + newVal);
}, }
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
window.addEventListener('message',this.postmassageevt); window.addEventListener("message", this.postmassageevt);
}) });
}, },
methods: { methods: {
postmassageevt(event){ postmassageevt(event) {
let data = event.data; let data = event.data;
// App Builder发布服务 // App Builder发布服务
if (data.cmd == 'appbuildermsg'){ if (data.cmd == "appbuildermsg") {
console.log(data); console.log(data);
this.$store.commit("setAppBuilderParams", data.params); this.$store.commit("setAppBuilderParams", data.params);
this.$router.push(`/fwzc/fwcs?map=4`); this.$router.push(`/fwzc/fwcs?map=4`);
} }
} }
}, },
destroyed () { destroyed() {
window.removeEventListener('message',this.postmassageevt); window.removeEventListener("message", this.postmassageevt);
} }
}; };
</script> </script>
<style scoped> <style scoped>
...@@ -80,7 +93,10 @@ export default { ...@@ -80,7 +93,10 @@ export default {
.intelligent_appbuilder-container .apass_breadcrumb { .intelligent_appbuilder-container .apass_breadcrumb {
padding: 0 20px; padding: 0 20px;
} }
.intelligent_appbuilder-container .apass_breadcrumb > .el-breadcrumb .el-breadcrumb__inner { .intelligent_appbuilder-container
.apass_breadcrumb
> .el-breadcrumb
.el-breadcrumb__inner {
color: #626de9; color: #626de9;
} }
.intelligent_appbuilder-container .intelligent_appbuilder-container
......
...@@ -9,63 +9,73 @@ ...@@ -9,63 +9,73 @@
</div> </div>
<div class="main-container"> <div class="main-container">
<iframe ref="intelligent_details_iframe" width="100%" height="100%" scrolling="no" :src='itemUrl' frameborder="0"></iframe> <iframe
ref="intelligent_details_iframe"
width="100%"
height="100%"
scrolling="no"
:src='itemUrl'
frameborder="0"
></iframe>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
export default { export default {
data() { data() {
return { return {
originUrl: gisServiceUrl + '/portal/apaasplat/viewer/item.html', originUrl:
gisServiceUrl + "/" + gisPortalSiteName + "/apaasplat/viewer/item.html"
}; };
}, },
computed:{ computed: {
itemUrl(){ itemUrl() {
let _self = this; let _self = this;
if(_self.$route.name == 'intelligent_details'){ if (_self.$route.name == "intelligent_details") {
return `${_self.originUrl}?id=${_self.$route.query.id}&activeMenu=${_self.$route.query.activeMenu}` return `${_self.originUrl}?id=${_self.$route.query.id}&activeMenu=${_self.$route.query.activeMenu}`;
} }
} }
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
window.addEventListener('message',this.postmassageevt) window.addEventListener("message", this.postmassageevt);
}) });
}, },
methods: { methods: {
postmassageevt(event){ postmassageevt(event) {
let data = event.data; let data = event.data;
// App Builder页面 -- 新窗口打开 // App Builder页面 -- 新窗口打开
if (data.cmd == 'mapviewtoapp'){ if (data.cmd == "mapviewtoapp") {
let params = { let params = {
title: data.params.title, title: data.params.title,
tags: data.params.tags, tags: data.params.tags,
sharewithwebmap:data.params.shareWithWebMap, sharewithwebmap: data.params.shareWithWebMap,
webmap:data.params.id, webmap: data.params.id,
summary: data.params.summary, summary: data.params.summary
}; };
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: "intelligent_appbuilder", name: "intelligent_appbuilder",
query: params, query: params
}); });
window.open(routeData.href, '_blank'); window.open(routeData.href, "_blank");
// this.$store.commit("setAppBuilderParams", data.params); // this.$store.commit("setAppBuilderParams", data.params);
}; }
if (data.cmd == 'mapdetailtoview'){ if (data.cmd == "mapdetailtoview") {
console.log(data); console.log(data);
this.$store.commit("setZnztDetailsParams", data.params); this.$store.commit("setZnztDetailsParams", data.params);
this.$router.push('/intelligent_drawing') this.$router.push("/intelligent_drawing");
} }
} }
}, },
destroyed () { destroyed() {
window.removeEventListener('message',this.postmassageevt) window.removeEventListener("message", this.postmassageevt);
} }
}; };
</script> </script>
<style scoped> <style scoped>
...@@ -87,7 +97,10 @@ export default { ...@@ -87,7 +97,10 @@ export default {
.intelligent_details-container .apass_breadcrumb { .intelligent_details-container .apass_breadcrumb {
padding: 0 20px; padding: 0 20px;
} }
.intelligent_details-container .apass_breadcrumb > .el-breadcrumb .el-breadcrumb__inner { .intelligent_details-container
.apass_breadcrumb
> .el-breadcrumb
.el-breadcrumb__inner {
color: #626de9; color: #626de9;
} }
.intelligent_details-container .intelligent_details-container
......
...@@ -8,7 +8,14 @@ ...@@ -8,7 +8,14 @@
</div> </div>
<div class="main-container"> <div class="main-container">
<iframe ref="intelligent_drawing_iframe" width="100%" height="100%" scrolling="no" :src="znztUrl" frameborder="0"></iframe> <iframe
ref="intelligent_drawing_iframe"
width="100%"
height="100%"
scrolling="no"
:src="znztUrl"
frameborder="0"
></iframe>
</div> </div>
</div> </div>
</template> </template>
...@@ -16,101 +23,108 @@ ...@@ -16,101 +23,108 @@
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
export default { export default {
data() { data() {
return { return {
url: gisServiceUrl + '/portal/apaasplat/viewer/mapViewer.html', url:
queryType: '', gisServiceUrl +
id: '', "/" +
gisPortalSiteName +
"/apaasplat/viewer/mapViewer.html",
queryType: "",
id: ""
}; };
}, },
computed:{ computed: {
...mapState(['znztDetailsParams']), ...mapState(["znztDetailsParams"]),
getZnztParams() { getZnztParams() {
return this.$store.state.znztParams; return this.$store.state.znztParams;
}, },
znztUrl(){ znztUrl() {
if(this.queryType == 'webmap'){ if (this.queryType == "webmap") {
return this.url + `?webmap=${this.id}`; return this.url + `?webmap=${this.id}`;
}else if (this.queryType == 'layers'){ } else if (this.queryType == "layers") {
return this.url + `?layers=${this.id}`; return this.url + `?layers=${this.id}`;
}else { } else {
return this.url return this.url;
}
} }
},
}, },
watch: { watch: {
getZnztParams(newVal) { getZnztParams(newVal) {
console.log('智能制图参数'+newVal) console.log("智能制图参数" + newVal);
}, }
}, },
mounted() { mounted() {
this.id = this.znztDetailsParams.id; this.id = this.znztDetailsParams.id;
this.queryType = this.znztDetailsParams.queryType; this.queryType = this.znztDetailsParams.queryType;
this.$nextTick(() => { this.$nextTick(() => {
window.addEventListener('message',this.postmassageevt); window.addEventListener("message", this.postmassageevt);
}) });
}, },
methods: { methods: {
postmassageevt(event){ postmassageevt(event) {
let data = event.data; let data = event.data;
// 智能制图发布服务 // 智能制图发布服务
if (data.cmd == 'mapviewmsg'){ if (data.cmd == "mapviewmsg") {
console.log(data); console.log(data);
this.$store.commit("setZnztParams", data.params); this.$store.commit("setZnztParams", data.params);
this.$router.push(`/fwzc/fwcs?map=1`); this.$router.push(`/fwzc/fwcs?map=1`);
} }
// App Builder页面 -- 新窗口打开 // App Builder页面 -- 新窗口打开
if (data.cmd == 'mapviewtoapp'){ if (data.cmd == "mapviewtoapp") {
console.log(data); console.log(data);
let params = { let params = {
title: data.params.title, title: data.params.title,
tags: data.params.tags, tags: data.params.tags,
sharewithwebmap:data.params.shareWithWebMap, sharewithwebmap: data.params.shareWithWebMap,
webmap:data.params.id, webmap: data.params.id,
summary: data.params.summary, summary: data.params.summary
}; };
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: "intelligent_appbuilder", name: "intelligent_appbuilder",
query: params, query: params
}); });
window.open(routeData.href, '_blank'); window.open(routeData.href, "_blank");
// this.$store.commit("setAppBuilderParams", data.params); // this.$store.commit("setAppBuilderParams", data.params);
} }
// 智能制图服务详情--新窗口打开 // 智能制图服务详情--新窗口打开
if (data.cmd == 'mapdetailmsg'){ if (data.cmd == "mapdetailmsg") {
console.log(data); console.log(data);
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: "intelligent_details", name: "intelligent_details",
query: data.params, query: data.params
}); });
window.open(routeData.href, '_blank'); window.open(routeData.href, "_blank");
} }
// 智能制图页面跳转 // 智能制图页面跳转
if (data.cmd == 'mapviewurl'){ if (data.cmd == "mapviewurl") {
console.log(data); console.log(data);
switch (data.params.queryType) { switch (data.params.queryType) {
case 'webmap': case "webmap":
this.queryType = 'webmap'; this.queryType = "webmap";
this.$store.commit("setZnztIdParams", data.params.id); this.$store.commit("setZnztIdParams", data.params.id);
this.id = data.params.id; this.id = data.params.id;
break; break;
case 'layers': case "layers":
this.queryType = 'layers'; this.queryType = "layers";
this.$store.commit("setZnztIdParams", data.params.id); this.$store.commit("setZnztIdParams", data.params.id);
this.id = data.params.id; this.id = data.params.id;
break; break;
default: default:
this.queryType = ''; this.queryType = "";
this.$store.commit("setZnztIdParams", ''); this.$store.commit("setZnztIdParams", "");
this.id = ''; this.id = "";
break; break;
} }
} }
} }
}, },
destroyed () { destroyed() {
window.removeEventListener('message',this.postmassageevt); window.removeEventListener("message", this.postmassageevt);
} }
}; };
</script> </script>
...@@ -134,7 +148,10 @@ export default { ...@@ -134,7 +148,10 @@ export default {
.intelligent_drawing-container .apass_breadcrumb { .intelligent_drawing-container .apass_breadcrumb {
padding: 0 20px; padding: 0 20px;
} }
.intelligent_drawing-container .apass_breadcrumb > .el-breadcrumb .el-breadcrumb__inner { .intelligent_drawing-container
.apass_breadcrumb
> .el-breadcrumb
.el-breadcrumb__inner {
color: #626de9; color: #626de9;
} }
.intelligent_drawing-container .intelligent_drawing-container
......
<template> <template>
<div class="fwcs"> <div class="fwcs">
<el-breadcrumb v-if="is_map != 0" separator="/" class="bread_crumb"> <el-breadcrumb
v-if="is_map != 0"
separator="/"
class="bread_crumb"
>
<el-breadcrumb-item :to="{ path: '/workplace' }">在线组件工具</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/workplace' }">在线组件工具</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/intelligent_drawing' }">智能制图</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/intelligent_drawing' }">智能制图</el-breadcrumb-item>
<el-breadcrumb-item>发布信息填写</el-breadcrumb-item> <el-breadcrumb-item>发布信息填写</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<el-breadcrumb v-else-if="process_id != ''" separator="/" class="bread_crumb"> <el-breadcrumb
v-else-if="process_id != ''"
separator="/"
class="bread_crumb"
>
<el-breadcrumb-item :to="{ path: '/workplace' }">在线组件工具</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/workplace' }">在线组件工具</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/progress/designer' }">流程设计</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/progress/designer' }">流程设计</el-breadcrumb-item>
<el-breadcrumb-item>发布信息填写</el-breadcrumb-item> <el-breadcrumb-item>发布信息填写</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<el-breadcrumb v-else separator="/" class="bread_crumb"> <el-breadcrumb
v-else
separator="/"
class="bread_crumb"
>
<el-breadcrumb-item :to="{ path: '/fwzc' }">服务注册</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/fwzc' }">服务注册</el-breadcrumb-item>
<el-breadcrumb-item v-if="!jcxxtx">服务测试</el-breadcrumb-item> <el-breadcrumb-item v-if="!jcxxtx">服务测试</el-breadcrumb-item>
<el-breadcrumb-item v-else :to="{ path: '/fwzc' }">服务测试</el-breadcrumb-item> <el-breadcrumb-item
v-else
:to="{ path: '/fwzc' }"
>服务测试</el-breadcrumb-item>
<el-breadcrumb-item v-if="jcxxtx">基础信息填写</el-breadcrumb-item> <el-breadcrumb-item v-if="jcxxtx">基础信息填写</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<div> <div>
<block-radius> <block-radius>
<div class="fwcs_add"> <div class="fwcs_add">
<el-form ref="form" :model="form" :rules="process_id == '' ? rules : rules_process"> <el-form
ref="form"
:model="form"
:rules="process_id == '' ? rules : rules_process"
>
<el-form-item prop="name"> <el-form-item prop="name">
<p class="formname">服务名称:</p> <p class="formname">服务名称:</p>
<el-input v-model="form.name" placeholder="请输入服务名称" class="form_in"></el-input> <el-input
v-model="form.name"
placeholder="请输入服务名称"
class="form_in"
></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="desc"> <el-form-item prop="desc">
<p class="formname">服务描述:</p> <p class="formname">服务描述:</p>
<el-input type="textarea" v-model="form.desc" placeholder="请输入服务描述" class="form_in"></el-input> <el-input
type="textarea"
v-model="form.desc"
placeholder="请输入服务描述"
class="form_in"
></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="area"> <el-form-item prop="area">
<p class="formname">服务领域:</p> <p class="formname">服务领域:</p>
<el-select v-model="form.area" placeholder="请选择" class="form_in"> <el-select
v-model="form.area"
placeholder="请选择"
class="form_in"
>
<el-option <el-option
v-for="item in optionsArea" v-for="item in optionsArea"
:key="item.id" :key="item.id"
...@@ -41,7 +73,11 @@ ...@@ -41,7 +73,11 @@
</el-form-item> </el-form-item>
<el-form-item prop="origin"> <el-form-item prop="origin">
<p class="formname">所属组织:</p> <p class="formname">所属组织:</p>
<el-input v-model="form.origin" class="form_in" :disabled="true"></el-input> <el-input
v-model="form.origin"
class="form_in"
:disabled="true"
></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<p class="formname">服务封面:</p> <p class="formname">服务封面:</p>
...@@ -56,7 +92,11 @@ ...@@ -56,7 +92,11 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<p class="formname">接口编码:</p> <p class="formname">接口编码:</p>
<el-input v-model="form.code" class="form_in" :disabled="true"></el-input> <el-input
v-model="form.code"
class="form_in"
:disabled="true"
></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="resource"> <el-form-item prop="resource">
<p class="formname">开放程度:</p> <p class="formname">开放程度:</p>
...@@ -66,12 +106,18 @@ ...@@ -66,12 +106,18 @@
<el-radio :label="3">敏感</el-radio> <el-radio :label="3">敏感</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item v-if="is_map != 0" class="btn_footer"> <el-form-item
v-if="is_map != 0"
class="btn_footer"
>
<el-button <el-button
class="previous" class="previous"
@click="goBack('map')" @click="goBack('map')"
>{{ is_map == 1 ? "返回智能制图" : "返回Web应用程序" }}</el-button> >{{ is_map == 1 ? "返回智能制图" : "返回Web应用程序" }}</el-button>
<el-button class="registe" @click="registeMap">服务发布</el-button> <el-button
class="registe"
@click="registeMap"
>服务发布</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -89,6 +135,9 @@ ...@@ -89,6 +135,9 @@
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
import BlockRadius from "@/components/general/block-radius"; import BlockRadius from "@/components/general/block-radius";
import CesTable from "@/components/table/table-um"; import CesTable from "@/components/table/table-um";
import Codes from "@/components/general/codes"; import Codes from "@/components/general/codes";
...@@ -101,12 +150,15 @@ export default { ...@@ -101,12 +150,15 @@ export default {
CesTable, CesTable,
apassDialog, apassDialog,
"v-apaas-code": Codes, "v-apaas-code": Codes,
uploadFile, uploadFile
}, },
data() { data() {
return { return {
addPortalItemUrl: addPortalItemUrl:
gisServiceUrl + "/portal/apaasplat/viewer/addPortalItem.html", gisServiceUrl +
"/" +
gisPortalSiteName +
"/apaasplat/viewer/addPortalItem.html",
btnList: [], btnList: [],
activeBtn: null, activeBtn: null,
serviceUrl: "", serviceUrl: "",
...@@ -115,7 +167,7 @@ export default { ...@@ -115,7 +167,7 @@ export default {
{ label: "GET", value: "GET" }, { label: "GET", value: "GET" },
{ label: "POST", value: "POST" }, { label: "POST", value: "POST" },
{ label: "PUT", value: "PUT" }, { label: "PUT", value: "PUT" },
{ label: "DELETE", value: "DELETE" }, { label: "DELETE", value: "DELETE" }
], ],
optionType1: [{ label: "GET", value: "GET" }], optionType1: [{ label: "GET", value: "GET" }],
activeName: 0, activeName: 0,
...@@ -125,9 +177,9 @@ export default { ...@@ -125,9 +177,9 @@ export default {
label: "请求字段编码", label: "请求字段编码",
prop: "requestEncoding", prop: "requestEncoding",
type: "input", type: "input",
align: "left", align: "left"
}, },
{ label: "请求值", prop: "requestValue", type: "input", align: "left" }, { label: "请求值", prop: "requestValue", type: "input", align: "left" }
], ],
sjfwQqcstx: [ sjfwQqcstx: [
{ label: "字段编码", prop: "name", type: "", align: "left" }, { label: "字段编码", prop: "name", type: "", align: "left" },
...@@ -137,13 +189,13 @@ export default { ...@@ -137,13 +189,13 @@ export default {
prop: "show_type", prop: "show_type",
type: "", type: "",
align: "left", align: "left",
width: "140", width: "140"
}, },
{ {
label: "字段名称*", label: "字段名称*",
prop: "label", prop: "label",
type: "input", type: "input",
align: "left", align: "left"
}, },
{ {
label: "是否必须*", label: "是否必须*",
...@@ -153,11 +205,11 @@ export default { ...@@ -153,11 +205,11 @@ export default {
width: 100, width: 100,
selectArr: [ selectArr: [
{ label: "", value: 1 }, { label: "", value: 1 },
{ label: "", value: 0 }, { label: "", value: 0 }
], ],
hasDefault: true, hasDefault: true
}, },
{ label: "字段说明", prop: "descript", type: "input", align: "left" }, { label: "字段说明", prop: "descript", type: "input", align: "left" }
], ],
sjfwFhcstx: [ sjfwFhcstx: [
{ label: "字段编码", prop: "name", type: "", align: "left" }, { label: "字段编码", prop: "name", type: "", align: "left" },
...@@ -167,9 +219,9 @@ export default { ...@@ -167,9 +219,9 @@ export default {
label: "字段名称*", label: "字段名称*",
prop: "label", prop: "label",
type: "input", type: "input",
align: "left", align: "left"
}, },
{ label: "字段说明", prop: "descript", type: "input", align: "left" }, { label: "字段说明", prop: "descript", type: "input", align: "left" }
], ],
zhfwQqcsForm: [ zhfwQqcsForm: [
{ label: "请求字段编码", prop: "key", type: "input", align: "left" }, { label: "请求字段编码", prop: "key", type: "input", align: "left" },
...@@ -181,15 +233,15 @@ export default { ...@@ -181,15 +233,15 @@ export default {
width: 100, width: 100,
selectArr: [ selectArr: [
{ label: "text", value: "text" }, { label: "text", value: "text" },
{ label: "file", value: "file" }, { label: "file", value: "file" }
], ]
}, },
{ {
label: "请求值", label: "请求值",
prop: "val", prop: "val",
type: "upload", type: "upload",
align: "center", align: "center",
uploadKey: "field_type", uploadKey: "field_type"
}, },
{ {
label: "操作", label: "操作",
...@@ -199,10 +251,10 @@ export default { ...@@ -199,10 +251,10 @@ export default {
btnList: [ btnList: [
{ {
type: "primary-del", type: "primary-del",
label: "删除", label: "删除"
}, }
], ]
}, }
], ],
datasZhForm: [], datasZhForm: [],
datasZhwww: [], datasZhwww: [],
...@@ -225,12 +277,12 @@ export default { ...@@ -225,12 +277,12 @@ export default {
area: "", area: "",
origin: "", origin: "",
code: "自动生成", code: "自动生成",
resource: 1, resource: 1
}, },
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入服务名称", trigger: "blur" }, { required: true, message: "请输入服务名称", trigger: "blur" },
{ min: 0, max: 15, message: "服务名称不超过15个字", trigger: "blur" }, { min: 0, max: 15, message: "服务名称不超过15个字", trigger: "blur" }
], ],
desc: [ desc: [
{ required: true, message: "请输入服务描述", trigger: "blur" }, { required: true, message: "请输入服务描述", trigger: "blur" },
...@@ -238,16 +290,18 @@ export default { ...@@ -238,16 +290,18 @@ export default {
min: 0, min: 0,
max: 200, max: 200,
message: "服务描述不超过200个字", message: "服务描述不超过200个字",
trigger: "blur", trigger: "blur"
}, }
],
area: [
{ required: true, message: "请选择服务领域", trigger: "change" }
], ],
area: [{ required: true, message: "请选择服务领域", trigger: "change" }],
origin: [ origin: [
{ required: true, message: "请选择所属组织", trigger: "blur" }, { required: true, message: "请选择所属组织", trigger: "blur" }
], ],
resource: [ resource: [
{ required: true, message: "请选择开放程度", trigger: "blur" }, { required: true, message: "请选择开放程度", trigger: "blur" }
], ]
}, },
rules_process: { rules_process: {
name: [ name: [
...@@ -256,8 +310,8 @@ export default { ...@@ -256,8 +310,8 @@ export default {
min: 0, min: 0,
max: 100, max: 100,
message: "服务名称不超过100个字", message: "服务名称不超过100个字",
trigger: "blur", trigger: "blur"
}, }
], ],
desc: [ desc: [
{ required: true, message: "请输入服务描述", trigger: "blur" }, { required: true, message: "请输入服务描述", trigger: "blur" },
...@@ -265,16 +319,16 @@ export default { ...@@ -265,16 +319,16 @@ export default {
min: 0, min: 0,
max: 400, max: 400,
message: "服务描述不超过400个字", message: "服务描述不超过400个字",
trigger: "blur", trigger: "blur"
}, }
], ],
area: [{ required: true, message: "请选择服务领域", trigger: "blur" }], area: [{ required: true, message: "请选择服务领域", trigger: "blur" }],
origin: [ origin: [
{ required: true, message: "请选择所属组织", trigger: "blur" }, { required: true, message: "请选择所属组织", trigger: "blur" }
], ],
resource: [ resource: [
{ required: true, message: "请选择开放程度", trigger: "blur" }, { required: true, message: "请选择开放程度", trigger: "blur" }
], ]
}, },
cover: [], cover: [],
optionsArea: [], optionsArea: [],
...@@ -294,11 +348,11 @@ export default { ...@@ -294,11 +348,11 @@ export default {
dialogInfo: { dialogInfo: {
title: "时空服务参数已修改", title: "时空服务参数已修改",
msg: "", msg: "",
submit: null, submit: null
}, },
is_portal: false, is_portal: false,
portal_id: "", portal_id: "",
dataType: "", dataType: ""
}; };
}, },
computed: {}, computed: {},
...@@ -429,9 +483,9 @@ export default { ...@@ -429,9 +483,9 @@ export default {
? this.skfwQqt ? this.skfwQqt
: this.activeBtn == 4 : this.activeBtn == 4
? this.zhyyVal ? this.zhyyVal
: 0, : 0
}; };
this.$api.workbench.fwzcFwcs(query).then((response) => { this.$api.workbench.fwzcFwcs(query).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
let data = response.data.data; let data = response.data.data;
this.body_fields = data.body_fields; this.body_fields = data.body_fields;
...@@ -529,9 +583,9 @@ export default { ...@@ -529,9 +583,9 @@ export default {
}, },
getOrganization() { getOrganization() {
let query = { let query = {
id: this.$store.state.userInfo.user_id, id: this.$store.state.userInfo.user_id
}; };
this.$api.user.getUserDetail(query).then((request) => { this.$api.user.getUserDetail(query).then(request => {
if (request.data.success == 1) { if (request.data.success == 1) {
this.form.origin = request.data.data.department; this.form.origin = request.data.data.department;
this.oid = request.data.data.department_id; this.oid = request.data.data.department_id;
...@@ -541,7 +595,7 @@ export default { ...@@ -541,7 +595,7 @@ export default {
}); });
}, },
registeMap() { registeMap() {
this.$refs.form.validate((valid) => { this.$refs.form.validate(valid => {
if (valid) { if (valid) {
if (this.cover.length != 0) { if (this.cover.length != 0) {
let query = {}; let query = {};
...@@ -562,7 +616,7 @@ export default { ...@@ -562,7 +616,7 @@ export default {
request_query_fields: [], request_query_fields: [],
response_fields: [], response_fields: [],
content_type: "json", content_type: "json",
portal_id: this.portal_id, portal_id: this.portal_id
}; };
} else if (this.is_map == 4) { } else if (this.is_map == 4) {
query = { query = {
...@@ -581,10 +635,10 @@ export default { ...@@ -581,10 +635,10 @@ export default {
request_query_fields: [], request_query_fields: [],
response_fields: [], response_fields: [],
content_type: "json", content_type: "json",
portal_id: this.portal_id, portal_id: this.portal_id
}; };
} }
this.$api.workbench.serviceAdd(query).then((response) => { this.$api.workbench.serviceAdd(query).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.$message.success("服务发布成功"); this.$message.success("服务发布成功");
this.$router.push("/fwgl/" + this.$store.getters.level); this.$router.push("/fwgl/" + this.$store.getters.level);
...@@ -602,7 +656,7 @@ export default { ...@@ -602,7 +656,7 @@ export default {
}); });
}, },
registeProcess() { registeProcess() {
this.$refs.form.validate((valid) => { this.$refs.form.validate(valid => {
if (valid) { if (valid) {
if (this.cover.length != 0) { if (this.cover.length != 0) {
let query = { let query = {
...@@ -613,9 +667,9 @@ export default { ...@@ -613,9 +667,9 @@ export default {
oid: this.oid, // 组织id oid: this.oid, // 组织id
encode_method: this.form.code, // 接口编码 encode_method: this.form.code, // 接口编码
cover: this.cover[0], // 服务封面 cover: this.cover[0], // 服务封面
openness: this.form.resource, // 开放程度,1共享/2受限/3敏感 openness: this.form.resource // 开放程度,1共享/2受限/3敏感
}; };
this.$api.workbench.releaseProcess(query).then((response) => { this.$api.workbench.releaseProcess(query).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.$message.success("服务发布成功"); this.$message.success("服务发布成功");
this.$router.push("/fwgl/" + this.$store.getters.level); this.$router.push("/fwgl/" + this.$store.getters.level);
...@@ -633,7 +687,7 @@ export default { ...@@ -633,7 +687,7 @@ export default {
}); });
}, },
registe() { registe() {
this.$refs.form.validate((valid) => { this.$refs.form.validate(valid => {
if (valid) { if (valid) {
if (this.cover.length != 0) { if (this.cover.length != 0) {
let contentType = ""; let contentType = "";
...@@ -676,9 +730,9 @@ export default { ...@@ -676,9 +730,9 @@ export default {
: this.param_fields, : this.param_fields,
response_fields: this.response_fields, response_fields: this.response_fields,
content_type: contentType, content_type: contentType,
portal_id: this.portal_id, portal_id: this.portal_id
}; };
this.$api.workbench.serviceAdd(query).then((response) => { this.$api.workbench.serviceAdd(query).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.$message.success("服务注册成功"); this.$message.success("服务注册成功");
this.$router.push("/fwgl/" + this.$store.getters.level); this.$router.push("/fwgl/" + this.$store.getters.level);
...@@ -733,7 +787,7 @@ export default { ...@@ -733,7 +787,7 @@ export default {
}, },
changeZhfwQqt() {}, changeZhfwQqt() {},
getArea() { getArea() {
this.$api.workbench.getServiceAreaList().then((response) => { this.$api.workbench.getServiceAreaList().then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.optionsArea = response.data.data; this.optionsArea = response.data.data;
} else { } else {
...@@ -742,10 +796,10 @@ export default { ...@@ -742,10 +796,10 @@ export default {
}); });
}, },
getServiceType1() { getServiceType1() {
this.$api.workbench.getServiceTypeList().then((response) => { this.$api.workbench.getServiceTypeList().then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.btnList = response.data.data; this.btnList = response.data.data;
this.btnList.forEach((item) => { this.btnList.forEach(item => {
switch (item.id) { switch (item.id) {
case 5: case 5:
item.default = "nav_ic_shujufw"; item.default = "nav_ic_shujufw";
...@@ -797,7 +851,7 @@ export default { ...@@ -797,7 +851,7 @@ export default {
// url: "https://apaasgis.wodcloud.com/portal/apaasplat/viewer/mapViewer.html?webmap=0303d7b773c5459f83abf95ef93ffb86" // url: "https://apaasgis.wodcloud.com/portal/apaasplat/viewer/mapViewer.html?webmap=0303d7b773c5459f83abf95ef93ffb86"
// }; // };
// sessionStorage.setItem('shareWebMapParam',JSON.stringify(msg)); // sessionStorage.setItem('shareWebMapParam',JSON.stringify(msg));
let map_data = JSON.parse(sessionStorage.getItem('shareWebMapParam')); let map_data = JSON.parse(sessionStorage.getItem("shareWebMapParam"));
if (map_data) { if (map_data) {
let data = map_data; let data = map_data;
self.form.name = data.name; self.form.name = data.name;
...@@ -849,8 +903,8 @@ export default { ...@@ -849,8 +903,8 @@ export default {
url: self.serviceUrl, url: self.serviceUrl,
sectors: self.form.area, sectors: self.form.area,
data_service_type2: self.skfwQqt, data_service_type2: self.skfwQqt,
descript: self.form.desc, descript: self.form.desc
}, }
}, },
"*" "*"
); );
...@@ -860,7 +914,7 @@ export default { ...@@ -860,7 +914,7 @@ export default {
document.getElementById("listener").contentWindow.postMessage( document.getElementById("listener").contentWindow.postMessage(
{ {
cmd: "getPortalItemInfo", cmd: "getPortalItemInfo",
params: itemid, params: itemid
}, },
"*" "*"
); );
...@@ -885,7 +939,7 @@ export default { ...@@ -885,7 +939,7 @@ export default {
self.dialogInfo.msg = `您的时空服务地址已更新为${ self.dialogInfo.msg = `您的时空服务地址已更新为${
self.serviceUrl self.serviceUrl
},服务类型更新为${ },服务类型更新为${
self.skfwRadios.find((item) => { self.skfwRadios.find(item => {
return item.id == self.skfwQqt; return item.id == self.skfwQqt;
}).name }).name
}`; }`;
...@@ -912,7 +966,7 @@ export default { ...@@ -912,7 +966,7 @@ export default {
getProcessDetail() { getProcessDetail() {
this.$api.workbench this.$api.workbench
.getProcessDetail({ id: this.process_id }) .getProcessDetail({ id: this.process_id })
.then((response) => { .then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
let data = response.data.data; let data = response.data.data;
this.form.name = data.name; this.form.name = data.name;
...@@ -922,14 +976,14 @@ export default { ...@@ -922,14 +976,14 @@ export default {
); );
} }
}); });
}, }
}, },
mounted() { mounted() {
let self = this; let self = this;
window.addEventListener("message", self.listeners, false); window.addEventListener("message", self.listeners, false);
self.judgeMap(); self.judgeMap();
self.getArea(); self.getArea();
}, }
}; };
</script> </script>
......
...@@ -858,6 +858,9 @@ ...@@ -858,6 +858,9 @@
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
import BlockRadius from "@/components/general/block-radius"; import BlockRadius from "@/components/general/block-radius";
import CesTable from "@/components/table/table-um"; import CesTable from "@/components/table/table-um";
import Codes from "@/components/general/codes"; import Codes from "@/components/general/codes";
...@@ -903,7 +906,10 @@ export default { ...@@ -903,7 +906,10 @@ export default {
] ]
}, },
addPortalItemUrl: addPortalItemUrl:
gisServiceUrl + "/portal/apaasplat/viewer/addPortalItem.html", gisServiceUrl +
"/" +
gisPortalSiteName +
"/apaasplat/viewer/addPortalItem.html",
btnList: [], btnList: [],
activeBtn: null, activeBtn: null,
serviceUrl: "", serviceUrl: "",
......
window.serviceConfig = { window.serviceConfig = {
gisServiceRoot: 'https://apaasgis.wodcloud.com', gisServiceRoot: 'https://apaasgis.wodcloud.com',
gisPortalSiteName: "portal",
state: "needLogin", // needLogin / notNeedLogin state: "needLogin", // needLogin / notNeedLogin
cloudServiceRoot: 'https://cloud4.wodcloud.com/awecloud/login/#/', cloudServiceRoot: 'https://cloud4.wodcloud.com/awecloud/login/#/',
}; };
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>Portal Web Map</title> <title>Portal Web Map</title>
...@@ -17,14 +17,18 @@ ...@@ -17,14 +17,18 @@
} }
</style> </style>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script> <script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script src="/apaas/ui/static/config/configmap.js"></script>
<script> <script>
require([ require([
"esri/config", "esri/config",
"esri/views/MapView", "esri/views/MapView",
"esri/WebMap" "esri/WebMap"
], function(esriConfig, MapView, WebMap) { ], function (esriConfig, MapView, WebMap) {
//使用portal门户的地图资源 //使用portal门户的地图资源
esriConfig.portalUrl = "https://apaasgis.wodcloud.com/portal"; esriConfig.portalUrl = window.serviceConfig.gisServiceRoot + "/" + (window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal");
var webmap = new WebMap({ var webmap = new WebMap({
portalItem: { portalItem: {
id: "aa912ada83904d7c901066673ee1a5aa" id: "aa912ada83904d7c901066673ee1a5aa"
...@@ -38,6 +42,7 @@ ...@@ -38,6 +42,7 @@
}); });
</script> </script>
</head> </head>
<body> <body>
<div id="viewDiv"></div> <div id="viewDiv"></div>
</body> </body>
......
...@@ -34,13 +34,16 @@ ...@@ -34,13 +34,16 @@
<script src="https://apaas3.wodcloud.com/mapstatic/js/jquery-3.3.1.min.js"></script> <script src="https://apaas3.wodcloud.com/mapstatic/js/jquery-3.3.1.min.js"></script>
<script src="https://apaas3.wodcloud.com/mapstatic/js/echarts.min.js"></script> <script src="https://apaas3.wodcloud.com/mapstatic/js/echarts.min.js"></script>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script> <script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script src="/apaas/ui/static/config/configmap.js"></script>
<script> <script>
require([ require([
"esri/config", "esri/config",
"esri/views/MapView", "esri/views/MapView",
"esri/WebMap" "esri/WebMap"
], function (esriConfig, MapView, WebMap) { ], function (esriConfig, MapView, WebMap) {
esriConfig.portalUrl = "https://apaasgis.wodcloud.com/portal"; esriConfig.portalUrl = window.serviceConfig.gisServiceRoot + "/" + (window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal");
var webmap = new WebMap({ var webmap = new WebMap({
portalItem: { portalItem: {
id: "b4f4797eb32342c5b679082bfbbef553" id: "b4f4797eb32342c5b679082bfbbef553"
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>Portal Web Map</title> <title>Portal Web Map</title>
...@@ -15,24 +15,30 @@ ...@@ -15,24 +15,30 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.esri-view-width-xlarge .esri-popup__main-container { .esri-view-width-xlarge .esri-popup__main-container {
width: 505px; width: 505px;
} }
.esri-view-height-xlarge .esri-popup__main-container { .esri-view-height-xlarge .esri-popup__main-container {
max-height: none; max-height: none;
} }
.esri-popup__main-container { .esri-popup__main-container {
max-height: none; max-height: none;
} }
</style> </style>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script> <script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script src="/apaas/ui/static/config/configmap.js"></script>
<script> <script>
require([ require([
"esri/config", "esri/config",
"esri/views/MapView", "esri/views/MapView",
"esri/WebMap" "esri/WebMap"
], function(esriConfig, MapView, WebMap) { ], function (esriConfig, MapView, WebMap) {
esriConfig.portalUrl = "https://apaasgis.wodcloud.com/portal"; esriConfig.portalUrl = window.serviceConfig.gisServiceRoot + "/" + (window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal");
// 使用本地字体文件 // 使用本地字体文件
esriConfig.fontsUrl = "https://apaas.wodcloud.com/mapstatic/font"; esriConfig.fontsUrl = "https://apaas.wodcloud.com/mapstatic/font";
var webmap = new WebMap({ var webmap = new WebMap({
...@@ -46,11 +52,13 @@ ...@@ -46,11 +52,13 @@
container: "viewDiv" container: "viewDiv"
}); });
view.when(function() { view.when(function () {
view.popup.watch("selectedFeature", function(graphic) { view.popup.watch("selectedFeature", function (graphic) {
if (graphic && graphic.sourceLayer) { if (graphic && graphic.sourceLayer)
{
var layerName = graphic.sourceLayer.title; var layerName = graphic.sourceLayer.title;
switch (layerName) { switch (layerName)
{
case "贵州视频监控要素微服务": case "贵州视频监控要素微服务":
var name = graphic.attributes.NAME; var name = graphic.attributes.NAME;
var code = graphic.attributes.CODE; var code = graphic.attributes.CODE;
...@@ -72,7 +80,8 @@ ...@@ -72,7 +80,8 @@
var videoDomain = "https://apaas3.wodcloud.com/mapstatic/video/{0}.mp4"; var videoDomain = "https://apaas3.wodcloud.com/mapstatic/video/{0}.mp4";
var videoCode = code; var videoCode = code;
var videoSrc = undefined; var videoSrc = undefined;
if (videoCode) { if (videoCode)
{
videoSrc = videoDomain.replace("{0}", videoCode); videoSrc = videoDomain.replace("{0}", videoCode);
} }
return "<iframe id='cameraiframe' src='https://apaas3.wodcloud.com/mapstatic/iframe/videoplay4test.html?camlist=" + videoCode + "&videosrc=" + videoSrc + return "<iframe id='cameraiframe' src='https://apaas3.wodcloud.com/mapstatic/iframe/videoplay4test.html?camlist=" + videoCode + "&videosrc=" + videoSrc +
...@@ -81,6 +90,7 @@ ...@@ -81,6 +90,7 @@
}); });
</script> </script>
</head> </head>
<body> <body>
<div id="viewDiv"></div> <div id="viewDiv"></div>
</body> </body>
......
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