From dfad2cba114c1b8631fd2f70b6c1709044b25d0a Mon Sep 17 00:00:00 2001
From: zhangyang <zhangyang@wodcloud.com>
Date: Mon, 9 Aug 2021 18:38:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9arcgis=20portal=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E4=B8=BA=E5=8F=AF=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menu.vue                       |  71 +++++--
 src/components/service-info/map-view.vue      |   7 +-
 .../intelligent_appbuilder.vue                |  52 +++--
 .../intelligent_details.vue                   |  57 +++--
 .../intelligent_drawing.vue                   |  95 +++++----
 .../intelligent-drawing/intelligent_fwzc.vue  | 200 +++++++++++-------
 src/pages/workbench/fwzc_fwcs.vue             |   8 +-
 static/config/configmap.js                    |   1 +
 static/view/demo/page-basic_web_map.html      |  21 +-
 static/view/demo/page-echarts_web_map.html    |   5 +-
 static/view/demo/page-video_web_map.html      |  36 ++--
 11 files changed, 355 insertions(+), 198 deletions(-)

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