diff --git a/src/assets/font/w-e-icon.woff b/src/assets/font/w-e-icon.woff
new file mode 100644
index 0000000000000000000000000000000000000000..92613b1a248649294017b4a232b2cb2f4d700227
Binary files /dev/null and b/src/assets/font/w-e-icon.woff differ
diff --git a/src/assets/style/common.less b/src/assets/style/common.less
new file mode 100644
index 0000000000000000000000000000000000000000..29f351d9b75ba3145e329fca8bd67b9ed911ab50
--- /dev/null
+++ b/src/assets/style/common.less
@@ -0,0 +1,47 @@
+.w-e-toolbar,
+.w-e-text-container,
+.w-e-menu-panel {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    background-color: #fff;
+    /*表情菜单样式*/
+    .eleImg{
+        cursor: pointer;
+        display: inline-block;
+        font-size: 18px;
+        padding: 0 3px;
+    }
+    * {
+        padding: 0;
+        margin: 0;
+        box-sizing: border-box;
+    }
+    /*分割线样式*/
+    hr{
+      cursor: pointer;
+      display: block;
+      height: 0px;
+      border: 0;
+      border-top: 3px solid #ccc;
+      margin: 20px 0;
+    }
+}
+
+.w-e-clear-fix:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+.w-e-drop-list-item {
+    position: relative;
+    top: 1px;
+    padding-right: 7px;
+    color: #333 !important;
+}
+
+.w-e-drop-list-tl {
+    padding-left: 10px;
+    text-align: left;
+}
diff --git a/src/assets/style/create-panel-conf.less b/src/assets/style/create-panel-conf.less
new file mode 100644
index 0000000000000000000000000000000000000000..e48e23889fdeb9ac1e79e5e30f44ce6dde661523
--- /dev/null
+++ b/src/assets/style/create-panel-conf.less
@@ -0,0 +1,8 @@
+.w-e-table{
+    display: flex;
+    .w-e-table-input{
+        width: 40px;
+        text-align: center!important;
+        margin: 0 5px;
+    }
+}
\ No newline at end of file
diff --git a/src/assets/style/drag-size.less b/src/assets/style/drag-size.less
new file mode 100644
index 0000000000000000000000000000000000000000..94b7dd3ff44fad607937af117abb41177babe793
--- /dev/null
+++ b/src/assets/style/drag-size.less
@@ -0,0 +1,36 @@
+.w-e-text-container {
+  overflow: hidden;
+}
+
+.w-e-img-drag-mask {
+  position: absolute;
+  z-index: 1;
+  border: 1px dashed #ccc;
+  box-sizing: border-box;
+
+  .w-e-img-drag-rb {
+    position: absolute;
+    right: -5px;
+    bottom: -5px;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: #ccc;
+    cursor: se-resize;
+  }
+
+  .w-e-img-drag-show-size {
+    min-width: 110px;
+    height: 22px;
+    line-height: 22px;
+    font-size: 14px;
+    color: #999;
+    position: absolute;
+    left: 0;
+    top: 0;
+    background-color: #999;
+    color: #fff;
+    border-radius: 2px;
+    padding: 0 5px;
+  }
+}
\ No newline at end of file
diff --git a/src/assets/style/droplist.less b/src/assets/style/droplist.less
new file mode 100644
index 0000000000000000000000000000000000000000..bb399d5299a6a1c5a946eb1f6cfa7c73f08edc89
--- /dev/null
+++ b/src/assets/style/droplist.less
@@ -0,0 +1,48 @@
+.w-e-toolbar {
+    .w-e-droplist {
+        position: absolute;
+        left: 0;
+        top: 0;
+        background-color: #fff;
+        border: 1px solid #f1f1f1;
+        border-right-color: #ccc;
+        border-bottom-color: #ccc;
+
+        .w-e-dp-title {
+            text-align: center;
+            color: #999;
+            line-height: 2;
+            border-bottom: 1px solid #f1f1f1;
+            font-size: 13px;
+        }
+
+        ul.w-e-list {
+            list-style: none;
+            line-height: 1;
+
+            li.w-e-item {
+                color: #333;
+                padding: 5px 0;
+
+                &:hover {
+                    background-color: #f1f1f1;
+                }
+            }
+        }
+        
+        ul.w-e-block {
+            list-style: none;
+            text-align: left;
+            padding: 5px;
+
+            li.w-e-item {
+                display: inline-block;
+                padding: 3px 5px;
+
+                &:hover {
+                    background-color: #f1f1f1;
+                }
+            }
+        }
+    }   
+}
\ No newline at end of file
diff --git a/src/assets/style/full-screen.less b/src/assets/style/full-screen.less
new file mode 100644
index 0000000000000000000000000000000000000000..e78af4a2f0ae643080f74ff1cabf974a07c63df7
--- /dev/null
+++ b/src/assets/style/full-screen.less
@@ -0,0 +1,7 @@
+.w-e-full-screen-editor {
+  position: fixed;
+  width:100%!important;
+  height:100%!important;
+  left:0;
+  top:0;
+}
\ No newline at end of file
diff --git a/src/assets/style/icon.less b/src/assets/style/icon.less
new file mode 100644
index 0000000000000000000000000000000000000000..de163b515b1a1e4553e2a3ca39105ea4e9a03240
--- /dev/null
+++ b/src/assets/style/icon.less
@@ -0,0 +1,132 @@
+@font-face {
+  font-family: 'w-e-icon';
+  src:  url('../font/w-e-icon.woff?ddq1c7')  format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="w-e-icon-"], [class*=" w-e-icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'w-e-icon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.w-e-icon-close:before {
+  content: "\f00d";
+}
+.w-e-icon-upload2:before {
+  content: "\e9c6";
+}
+.w-e-icon-trash-o:before {
+  content: "\f014";
+}
+.w-e-icon-header:before {
+  content: "\f1dc";
+}
+.w-e-icon-pencil2:before {
+  content: "\e906";
+}
+.w-e-icon-paint-brush:before {
+  content: "\f1fc";
+}
+.w-e-icon-image:before {
+  content: "\e90d";
+}
+.w-e-icon-play:before {
+  content: "\e912";
+}
+.w-e-icon-location:before {
+  content: "\e947";
+}
+.w-e-icon-undo:before {
+  content: "\e965";
+}
+.w-e-icon-redo:before {
+  content: "\e966";
+}
+.w-e-icon-quotes-left:before {
+  content: "\e977";
+}
+.w-e-icon-list-numbered:before {
+  content: "\e9b9";
+}
+.w-e-icon-list2:before {
+  content: "\e9bb";
+}
+.w-e-icon-link:before {
+  content: "\e9cb";
+}
+.w-e-icon-happy:before {
+  content: "\e9df";
+}
+.w-e-icon-bold:before {
+  content: "\ea62";
+}
+.w-e-icon-underline:before {
+  content: "\ea63";
+}
+.w-e-icon-italic:before {
+  content: "\ea64";
+}
+.w-e-icon-strikethrough:before {
+  content: "\ea65";
+}
+.w-e-icon-table2:before {
+  content: "\ea71";
+}
+.w-e-icon-paragraph-left:before {
+  content: "\ea77";
+}
+.w-e-icon-paragraph-center:before {
+  content: "\ea78";
+}
+.w-e-icon-paragraph-right:before {
+  content: "\ea79";
+}
+.w-e-icon-terminal:before {
+  content: "\f120";
+}
+.w-e-icon-page-break:before {
+  content: "\ea68";
+}
+.w-e-icon-cancel-circle:before {
+  content: "\ea0d";
+}
+.w-e-icon-font:before {
+  content: "\ea5c";
+}
+.w-e-icon-text-heigh:before {
+  content: "\ea5f";
+}
+.w-e-icon-paint-format:before {
+  content: "\e90c";
+}
+.w-e-icon-indent-increase:before {
+  content: "\ea7b";
+}
+.w-e-icon-indent-decrease:before {
+  content: "\ea7c";
+}
+.w-e-icon-row-height:before {
+  content: "\e9be";
+}
+.w-e-icon-fullscreen_exit:before {
+  content: "\e900";
+}
+.w-e-icon-fullscreen:before {
+  content: "\e901";
+}
+.w-e-icon-split-line:before {
+  content: "\ea0b";
+}
+.w-e-icon-checkbox-checked:before {
+  content: "\ea52";
+}
\ No newline at end of file
diff --git a/src/assets/style/menus.less b/src/assets/style/menus.less
new file mode 100644
index 0000000000000000000000000000000000000000..807fa45f8a3d3ae037b0f03db6b8a477e688dddf
--- /dev/null
+++ b/src/assets/style/menus.less
@@ -0,0 +1,39 @@
+.w-e-toolbar {
+    display: flex;
+    padding: 0 6px;
+    flex-wrap: wrap;
+
+    /* 单个菜单 */
+    .w-e-menu {
+        position: relative;
+        display: flex;
+        width: 40px;
+        height: 40px;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        cursor: pointer;
+        
+        i {
+            color: #999;
+        }
+
+        &:hover {
+            background-color: #F6F6F6;
+
+            i {
+                color: #333;
+            }
+        }
+    }
+    .w-e-active {
+        i {
+            color: #1e88e5;
+        }
+        &:hover {
+            i {
+                color: #1e88e5;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/assets/style/panel.less b/src/assets/style/panel.less
new file mode 100644
index 0000000000000000000000000000000000000000..ac8758cd8863bb7e7c86cb5323b4f0de4edbf121
--- /dev/null
+++ b/src/assets/style/panel.less
@@ -0,0 +1,161 @@
+.w-e-menu {
+    .w-e-panel-container {
+        position: absolute;
+        top: 0;
+        left: 50%;
+        border: 1px solid #ccc;
+        border-top: 0;
+        box-shadow: 1px 1px 2px #ccc;
+        color: #333;
+        background-color: #fff;
+        text-align: left;
+
+        .w-e-panel-close {
+            position: absolute;
+            right: 0;
+            top: 0;
+            padding: 5px;
+            margin: 2px 5px 0 0;
+            cursor: pointer;
+            color: #999;
+
+            &:hover {
+                color: #333;
+            }
+        }
+
+        .w-e-panel-tab-title {
+            list-style: none;
+            display: flex;
+            font-size: 14px;
+            margin: 2px 10px 0 10px;
+            border-bottom: 1px solid #f1f1f1;
+
+            .w-e-item {
+                padding: 3px 5px;
+                color: #999;
+                cursor: pointer;
+                margin: 0 3px;
+                position: relative;
+                top: 1px;
+            }
+
+            .w-e-active {
+                color: #333;
+                border-bottom: 1px solid #333;
+                cursor: default;
+                font-weight: 700;
+            }
+        }
+
+        .w-e-panel-tab-content {
+            padding: 10px 15px 10px 15px;
+            font-size: 16px;
+
+            /* 输入框的样式 */
+            input,textarea,button {
+                &:focus {
+                    outline: none;
+                }   
+            }
+            textarea {
+                width: 100%;
+                border: 1px solid #ccc;
+                padding: 5px;
+                margin-top: 10px;
+
+                &:focus {
+                    border-color: #1e88e5;
+                }
+            }
+            input[type=text] {
+                border: none;
+                border-bottom: 1px solid #ccc;
+                font-size: 14px;
+                height: 20px;
+                color: #333;
+                text-align: left;
+            }
+            input[type=text].small {
+                width: 30px;
+                text-align: center;
+            }
+
+            input[type=text].block {
+                display: block;
+                width: 100%;
+                margin: 10px 0;
+            }
+
+            input[type=text]:focus {
+                border-bottom: 2px solid #1e88e5;
+            }
+
+            /* 按钮的样式 */
+            .w-e-button-container {
+                button {
+                    font-size: 14px;
+                    color: #1e88e5;
+                    border: none;
+                    padding: 5px 10px;
+                    background-color: #fff;
+                    cursor: pointer;
+                    border-radius: 3px;
+                }
+                button.left {
+                    float: left;
+                    margin-right: 10px;
+                }
+
+                button.right {
+                    float: right;
+                    margin-left: 10px;
+                }
+
+                button.gray {
+                    color: #999;
+                }
+
+                button.red {
+                    color: rgb(194, 79, 74);
+                }
+
+                button:hover {
+                    background-color: #f1f1f1;
+                }
+            } 
+            .w-e-button-container:after {
+                content: "";
+                display: table;
+                clear: both;
+            }
+        }
+
+        /* 为 emotion panel 定制的样式 */
+        .w-e-emoticon-container {
+            .w-e-item {
+                cursor: pointer;
+                font-size: 18px;
+                padding: 0 3px;
+                display: inline-block;
+            }
+        }
+
+        /* 上传图片的 panel 定制样式 */
+        .w-e-up-img-container {
+            text-align: center;
+
+            .w-e-up-btn {
+                display: inline-block;
+                color: #999;
+                cursor: pointer;
+                font-size: 60px;
+                line-height: 1;
+
+                &:hover {
+                    color: #333;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/assets/style/text.less b/src/assets/style/text.less
new file mode 100644
index 0000000000000000000000000000000000000000..bd06554b1387a1b2c7ae47c419bb08347cd9c388
--- /dev/null
+++ b/src/assets/style/text.less
@@ -0,0 +1,131 @@
+.w-e-text-container {
+    position: relative;
+
+    .w-e-progress {
+        position: absolute;
+        background-color: #1e88e5;
+        top: 0;
+        left: 0;
+        height: 1px;
+    }
+
+    .placeholder {
+        color: #D4D4D4;
+        position: absolute;
+        font-size: 11pt;
+        line-height: 22px;
+        left: 10px;
+        top: 10px;
+        user-select: none;
+        z-index: -1;
+    }
+}
+.w-e-text {
+    padding: 0 10px;
+    overflow-y: auto;
+
+    p,h1,h2,h3,h4,h5,table,pre {
+        margin: 10px 0;
+        line-height: 1.5;
+    }
+
+    ul, ol {
+        margin: 10px 0 10px 20px;
+    }
+
+    blockquote {
+        display: block;
+        border-left: 8px solid #d0e5f2;
+        padding: 5px 10px;
+        margin: 10px 0;
+        line-height: 1.4;
+        font-size: 100%;
+        background-color: #f1f1f1;
+    }
+
+    code {
+        display: inline-block;
+        background-color: #f1f1f1;
+        border-radius: 3px;
+        padding: 3px 5px;
+        margin: 0 3px;
+    }
+
+    pre {
+
+        code {
+            display: block;
+        }
+    }
+
+    table {
+        border-top: 1px solid #ccc;
+        border-left: 1px solid #ccc;
+
+        td,th {
+            border-bottom: 1px solid #ccc;
+            border-right: 1px solid #ccc;
+            padding: 3px 5px;
+            min-height: 30px;
+        }
+
+        th {
+            border-bottom: 2px solid #ccc;
+            text-align: center;
+            background-color: #f1f1f1;
+        }
+    }
+
+    &:focus {
+        outline: none;
+    }
+
+    img {
+        cursor: pointer;
+
+        &:hover {
+            box-shadow: 0 0 5px #333;
+        }
+    }
+}
+
+.w-e-tooltip {
+    position: absolute;
+    display: flex;
+    color: #f1f1f1;
+    background-color: rgba(0,0,0,.75);
+    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
+    border-radius: 4px;
+    padding: 4px 5px 6px;
+    position: absolute;
+}
+// 下箭头
+.w-e-tooltip-up::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border: 5px solid rgba(0,0,0,0);
+    border-top-color: rgba(0,0,0,.73);
+}
+// 上箭头
+.w-e-tooltip-down::after {
+    content: "";
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border: 5px solid rgba(0,0,0,0);
+    border-bottom-color: rgba(0,0,0,.73);
+}
+.w-e-tooltip-item-wrapper {
+    cursor: pointer;
+    font-size: 14px;
+    margin: 0 5px;
+
+    &:hover {
+        color: #ccc;
+        text-decoration: underline;
+    }
+}
\ No newline at end of file
diff --git a/src/components/doc-width-nav.vue b/src/components/doc-width-nav.vue
index 0a3f0550c1b833b65bc9d09b0d88a468de0513b8..4f702cf2484a3b6fe60996bbaf5c353c441e99c4 100644
--- a/src/components/doc-width-nav.vue
+++ b/src/components/doc-width-nav.vue
@@ -6,7 +6,7 @@
         <span>更新时间：{{ time || "-" }}</span>
       </h3>
       <div
-        class="part_content doc_content apaas_scroll"
+        class="part_content doc_content w-e-text w-e-text-container apaas_scroll"
         v-html="content"
         ref="docContent"
       ></div>
diff --git a/src/main.js b/src/main.js
index 3cdaa3230fe8312992604ef84e28be899288143c..9c5008312cc9869378581e0effeeb2600898b01b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,6 +4,13 @@ import store from "@/store";
 
 import Vue from 'vue'
 
+import '../src/assets/style/common.less'
+import '../src/assets/style/icon.less'
+import '../src/assets/style/menus.less'
+import '../src/assets/style/text.less'
+import '../src/assets/style/panel.less'
+import '../src/assets/style/droplist.less'
+
 import mavonEditor from 'mavon-editor'
 import 'mavon-editor/dist/css/index.css'
 Vue.use(mavonEditor)
diff --git a/src/pages/technical-support/answer-center/detail.vue b/src/pages/technical-support/answer-center/detail.vue
index c314a247d9c80ad90cff6a1b147fe99f8b3d0140..cd16b0cc5337b7f2057c69cef3b919bf2d943785 100644
--- a/src/pages/technical-support/answer-center/detail.vue
+++ b/src/pages/technical-support/answer-center/detail.vue
@@ -29,7 +29,7 @@
             <span>{{ question.view }}</span>
           </span>
         </p>
-        <div class="ques_content" v-html="question.content"></div>
+        <div class="ques_content w-e-text w-e-text-container" v-html="question.content"></div>
       </div>
       <div class="answer">
         <p>{{answer_total}}条回答</p>
diff --git a/src/pages/technical-support/doc-manage/list.vue b/src/pages/technical-support/doc-manage/list.vue
index 78c25f48ddf251c4868aae9f48ca9f9e2938c89d..fe5ec828f557337207dc45b4ef4edd95683c0f7a 100644
--- a/src/pages/technical-support/doc-manage/list.vue
+++ b/src/pages/technical-support/doc-manage/list.vue
@@ -124,7 +124,7 @@
       width="1340px"
     >
       <div
-        class="detail_content apaas_scroll"
+        class="detail_content w-e-text w-e-text-container apaas_scroll"
         slot="content"
         v-html="detail.content"
       ></div>
diff --git a/src/pages/technical-support/sdk-manage/example/index.vue b/src/pages/technical-support/sdk-manage/example/index.vue
index d593f73e1ad0e485d2339d2c26f82e4c7159af5c..83676aac09627dcc231ac1f311dd41e4f08e21c8 100644
--- a/src/pages/technical-support/sdk-manage/example/index.vue
+++ b/src/pages/technical-support/sdk-manage/example/index.vue
@@ -94,7 +94,7 @@
       width="1340px"
     >
       <div
-        class="view_content apaas_scroll"
+        class="view_content w-e-text w-e-text-container apaas_scroll"
         slot="content"
         v-html="detailForm.content"
       ></div>
diff --git a/src/pages/workbench/fwgl/apply_service_detail.vue b/src/pages/workbench/fwgl/apply_service_detail.vue
index d60203d653bf427d1baa6135196dd51c7f289c22..13130d28abe90fa1ed8304a9e2b9490283df9442 100644
--- a/src/pages/workbench/fwgl/apply_service_detail.vue
+++ b/src/pages/workbench/fwgl/apply_service_detail.vue
@@ -21,7 +21,7 @@
         <div class="type_box_select">
           <info-list :list_arr="process_in_up_arr" v-if="now_service == 1&&process_in_up">
             <div slot="service_port" class="service_port">
-              <el-select v-model="port_select" placeholder="">
+              <el-select v-model="port_select" placeholder="" @change="change_port">
                 <el-option
                   v-for="item in port_options"
                   :key="item.value"
@@ -52,18 +52,18 @@
           <info-list :list_arr="perception_solt_arr" v-if="now_service == 1&&perception_in">
             <table-um
               :headers="perception_req_solt_header_arr"
-              :datas="perception_req_solt_data"
+              :datas="req_solt_data"
               :stripe="true"
               slot="request_table"
             ></table-um>
-            <v-apaas-code :datas="perception_req_solt_code_arr" slot="request_code" :readOnly="true"></v-apaas-code>
+            <v-apaas-code :datas="req_solt_code_arr" slot="request_code" :readOnly="true"></v-apaas-code>
             <table-um
               :headers="perception_res_solt_header_arr"
-              :datas="perception_res_solt_data"
+              :datas="res_solt_data"
               :stripe="true"
               slot="response_table"
             ></table-um>
-            <v-apaas-code :datas="perception_res_solt_code_arr" slot="response_code" :readOnly="true"></v-apaas-code>
+            <v-apaas-code :datas="res_solt_code_arr" slot="response_code" :readOnly="true"></v-apaas-code>
           </info-list>
           <info-list
           v-else
@@ -153,7 +153,7 @@ export default {
           align: "left",
         },
         {
-          prop: "is_must",
+          prop: "example",
           label: "字段示例数值",
           align: "center",
           width: 240,
@@ -184,7 +184,7 @@ export default {
           align: "left",
         },
         {
-          prop: "is_must",
+          prop: "example",
           label: "字段示例数值",
           align: "center",
           width: 240,
@@ -220,7 +220,7 @@ export default {
           align: "center",
         },
         {
-          prop: "is_must",
+          prop: "example",
           label: "字段示例数值",
           align: "center",
           width: 240,
@@ -256,33 +256,21 @@ export default {
           align: "center",
         },
         {
-          prop: "is_must",
+          prop: "example",
           label: "字段示例数值",
           align: "center",
           width: 240,
         },
       ], 
-      port_options:[
-        {
-          label:'接口1',
-          value:'qweqweqsdfsdf',
-          able:true,
-        },
-        {
-          label:'接口2',
-          value:'qweqweqsdfsdfwer2w23',
-          able:false,
-        },
-        
-      ],
+      port_options:[],
       port_solt_arr:[
         {
           title: "服务地址：",
-          info: "12312312",
+          info: "",
         },
         {
           title: "请求方式：",
-          info: "12123",
+          info: "",
         },
         {
           title: "编码格式：",
@@ -316,13 +304,13 @@ export default {
       perception_solt_arr:[
         {
           title: "接口文档：",
-          info: "接口文档示例.docx",
-          url: "11111",
+          info: "",
+          url: "",
           type: "down",
         },
         {
           title: "请求方式：",
-          info: "12123",
+          info: "",
         },
         {
           title: "编码格式：",
@@ -356,8 +344,8 @@ export default {
       process_in_up_arr:[
         {
           title: "接口文档：",
-          info: "接口文档示例.docx",
-          url: "11111",
+          info: "",
+          url: "",
           type: "down",
         },
         {
@@ -674,6 +662,19 @@ export default {
   },
   mounted() {},
   methods: {
+    change_port(val){
+      this.port_options.forEach(e => {
+        if(e.value == val){
+          this.$set(this.port_solt_arr[0],'info',e.value)
+          this.$set(this.port_solt_arr[1],'info',e.req_type)
+          this.$set(this.port_solt_arr[2],'info',e.encode_method)
+          this.req_solt_data = e.req_fields
+          this.res_solt_data = e.res_fields
+          this.req_solt_code_arr = e.req_fields_example
+          this.res_solt_code_arr = e.res_fields_example
+        }
+      });
+    },
     get_service_info() {
       this.$http
         .get(
@@ -732,21 +733,45 @@ export default {
           //判断是否是服务注册出来的流程服务
             if(data.data_service_type2 == 24&&data.workflows_id==0){
               this.process_in_up = true
+              this.$set(this.process_in_up_arr[0],'info',data.doc_file.split('/')[data.doc_file.split('/').length-1])
+              this.$set(this.process_in_up_arr[0],'url',data.doc_file)
+              var temp_port_arr = []
+              data.urls.forEach(e => {
+                temp_port_arr.push({
+                  label:e.req_name,
+                  value:e.req_url,
+                  able:e.state==-1?false:true,
+                  ...e
+                })
+              });
+              this.port_options = temp_port_arr
+              if(this.port_options[0]){
+                this.port_select = this.port_options[0].value
+                this.$set(this.port_solt_arr[0],'info',this.port_options[0].value)
+                this.$set(this.port_solt_arr[1],'info',this.port_options[0].req_type)
+                this.$set(this.port_solt_arr[2],'info',this.port_options[0].encode_method)
+                this.req_solt_data = this.port_options[0].req_fields
+                this.res_solt_data = this.port_options[0].res_fields
+                this.req_solt_code_arr = this.port_options[0].req_fields_example
+                this.res_solt_code_arr = this.port_options[0].res_fields_example
+              }
             }else{
               this.process_in_up = false
             }
 
             if(data.service_data_type_1 == 10){
               this.perception_in = true
+              this.$set(this.perception_solt_arr[0],'info',data.doc_file.split('/')[data.doc_file.split('/').length-1])
+              this.$set(this.perception_solt_arr[1],'info',data.urls[0].req_url)
+              this.$set(this.perception_solt_arr[2],'info',data.urls[0].encode_method)
+              this.req_solt_data = data.urls[0].req_fields
+              this.res_solt_data = data.urls[0].res_fields
+              this.req_solt_code_arr = data.urls[0].req_fields_example
+              this.res_solt_code_arr = data.urls[0].res_fields_example
             }else{
               this.perception_in = false
             }
 
-          if(this.process_in_up){ 
-              var temp_sj = this.service_header_arr.first.pop()
-              this.service_header_arr.second = []
-              this.service_header_arr.second.push(temp_sj)
-            }
             if(this.service_apply_type==1){
               this.$set(
                 this.service_header_arr["first"][2],
@@ -769,6 +794,11 @@ export default {
                       .split("+")[0]
               );
             }
+            if(this.process_in_up){ 
+              var temp_sj = this.service_header_arr.first.pop()
+              this.service_header_arr.second = []
+              this.service_header_arr.second.push(temp_sj)
+            }
           this.$set(this.list_arr[0], "info", data.descript);
           this.$set(this.list_arr[1], "info", data.data_service_type2_name);
           this.$set(