From 1c305b7b2de030ccb10314af13455178927745ea Mon Sep 17 00:00:00 2001
From: liudianxin <liudianxin@bd-apaas.com>
Date: Sat, 19 Sep 2020 11:53:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/workbench/yygl/apply_app_detail.vue |   2 +-
 .../workbench/yygl/deploy_app_detail.vue      | 600 +++++++++---------
 2 files changed, 289 insertions(+), 313 deletions(-)

diff --git a/src/pages/workbench/yygl/apply_app_detail.vue b/src/pages/workbench/yygl/apply_app_detail.vue
index 4c6b19b..3ad5986 100644
--- a/src/pages/workbench/yygl/apply_app_detail.vue
+++ b/src/pages/workbench/yygl/apply_app_detail.vue
@@ -26,7 +26,7 @@
             :list_arr="now_service == 0?list_arr:servicead_arr
             "
           >
-          <mavon-editor v-model="appcode" slot="app_code" :boxShadow="false" :toolbarsFlag="false" :subfield="false" defaultOpen="preview" :editable="false"/>
+          <div slot="app_code" style="white-space: pre-wrap;background-color:rgb(251,251,251);padding:15px;border-radius:5px;">{{appcode}}</div>
             <process-card :data="approval_arr3" slot="approval"></process-card>
           </info-list>
           
diff --git a/src/pages/workbench/yygl/deploy_app_detail.vue b/src/pages/workbench/yygl/deploy_app_detail.vue
index efb7da8..d2ec1b6 100644
--- a/src/pages/workbench/yygl/deploy_app_detail.vue
+++ b/src/pages/workbench/yygl/deploy_app_detail.vue
@@ -3,34 +3,19 @@
     <p class="now_page_title">
       我的应用 / 部署的应用 /
       <span>应用详情</span>
-    </p> 
+    </p>
     <div class="info_contain">
       <service-header :data="service_header_arr" @debuggerfunc="debuggerfunc"></service-header>
       <div class="type_box">
         <div class="type_title">
-          <div
-            v-for="(item, index) in service_arr[now_user]"
-            :key="index + 1000"
-            class="type_select"
-            @click="now_service = index"
-            :style="
+          <div v-for="(item, index) in service_arr[now_user]" :key="index + 1000" class="type_select" @click="now_service = index" :style="
               now_service == index ? { borderBottom: '4px solid #f5ab4c' } : {}
-            "
-          >{{ item }}</div>
+            ">{{ item }}</div>
         </div>
         <div class="type_box_select">
           <info-list v-if="now_service == 0" :list_arr="introductionArr">
-            <mavon-editor
-              slot="markdown"
-              v-model="markdown"
-              :boxShadow="false"
-              :toolbarsFlag="false"
-              :subfield="false"
-              defaultOpen="preview"
-              :editable="false"
-              v-if="now_service == 0"
-            />
-            
+            <div slot="markdown" style="white-space: pre-wrap;background-color:rgb(251,251,251);padding:15px;border-radius:5px;">{{markdown}}</div>
+
           </info-list>
           <div class="apaas_button" v-if="now_service == 0&&public_flag">
             <el-button type="primary" @click="public_service">服务发布</el-button>
@@ -38,14 +23,7 @@
           <div v-if="now_service==2" class="info_contain2">
             <info-list :list_arr="fwfw_arr">
               <div class="appcode" v-html="appcode" slot="app_code"></div>
-              <table-um
-                slot="fw_table"
-                :headers="header_fw_arr"
-                :datas="fw_data"
-                :stripe="true"
-                :paginationShow="true"
-                @detail="detail"
-              ></table-um>
+              <table-um slot="fw_table" :headers="header_fw_arr" :datas="fw_data" :stripe="true" :paginationShow="true" @detail="detail"></table-um>
             </info-list>
 
             <!-- <div
@@ -99,9 +77,7 @@
                 <template>
                   <div style="height:115px;padding-top:10px;">
                     <waveIcon :state="yx_state.state=='running'?'运行中':'停止'" style="margin:10px auto;"></waveIcon>
-                    <p
-                      style="color: #58617a;font-size: 16px;text-align:center;"
-                    >{{ yx_state.state=='running'?'运行中':'停止' }}</p>
+                    <p style="color: #58617a;font-size: 16px;text-align:center;">{{ yx_state.state=='running'?'运行中':'停止' }}</p>
                   </div>
                 </template>
               </nor-card>
@@ -134,20 +110,18 @@
             </p>
             <div style="overflow:hidden;height:700px;" class="limit-elscroll">
               <el-scrollbar class="service_list">
-                <div class="service_box" @click="change_micor(index)" :style="now_micor_service==index?{paddingLeft:'30px',borderLeft:'8px solid #515fe7',backgroundColor:'#fbfcfe'}:''" v-for="(item,index) in service_list_arr" :key="index+60000">{{item.service}} <span v-if="item.is_unhealth" class="service_tips">故障</span> </div>
+                <div class="service_box" @click="change_micor(index)" :style="now_micor_service==index?{paddingLeft:'30px',borderLeft:'8px solid #515fe7',backgroundColor:'#fbfcfe'}:''" v-for="(item,index) in service_list_arr" :key="index+60000">{{item.service}}
+                  <span v-if="item.is_unhealth" class="service_tips">故障</span>
+                </div>
               </el-scrollbar>
               <div class="service_detail">
                 <nor-card title="服务概况" flag="true">
                   <template>
                     <div style="overflow:hidden;height:160px;padding-top:10px;">
                       <div style="height:115px;padding-top:10px;" class="service_card_box">
-                        <p
-                          style="color: #707693;font-size: 16px;text-align:center;"
-                        >服务状态</p>
+                        <p style="color: #707693;font-size: 16px;text-align:center;">服务状态</p>
                         <waveIcon :state="micor_state.state=='running'?'运行中':'停止'" style="margin:10px auto;"></waveIcon>
-                        <p
-                          style="color: #58617a;font-size: 16px;text-align:center;"
-                        >{{ micor_state.state=='running'?'运行中':'停止' }}</p>
+                        <p style="color: #58617a;font-size: 16px;text-align:center;">{{ micor_state.state=='running'?'运行中':'停止' }}</p>
                       </div>
 
                       <div style="height:115px;" class="service_num service_card_box">
@@ -174,48 +148,23 @@
                 <nor-card title="服务设置" flag="true" v-show="is_current_user">
                   <div class="addimage">
                     <el-select v-model="mesh_value" placeholder="请选择">
-                      <el-option
-                        v-for="item in mesh_options"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
+                      <el-option v-for="item in mesh_options" :key="item.value" :label="item.label" :value="item.value">
                       </el-option>
                     </el-select>
                   </div>
                   <p class="imagebox">
-                    <span
-                      @click="image_select = index;getImageInfo()"
-                      :style="
+                    <span @click="image_select = index;getImageInfo()" :style="
                         image_select == index
                           ? { backgroundColor: '#8390ee', color: '#f8f9fd' }
                           : {}
-                      "
-                      v-for="(item, index) in image_arr"
-                      :key="index + 6000"
-                    >{{ item.name }}</span>
+                      " v-for="(item, index) in image_arr" :key="index + 6000">{{ item.name }}</span>
                   </p>
-                  <el-table
-                    :data="image_arr[index].data"
-                    v-for="(item, index) in image_arr"
-                    :key="index+7000"
-                    v-show="image_select == index"
-                    stripe
-                    height="376"
-                    style="width: 100%">
-                    <el-table-column
-                      prop="tag"
-                      align="center"
-                      label="版本号">
+                  <el-table :data="image_arr[index].data" v-for="(item, index) in image_arr" :key="index+7000" v-show="image_select == index" stripe height="376" style="width: 100%">
+                    <el-table-column prop="tag" align="center" label="版本号">
                     </el-table-column>
-                    <el-table-column
-                      prop="date"
-                      align="center"
-                      label="在线日期">
+                    <el-table-column prop="date" align="center" label="在线日期">
                     </el-table-column>
-                    <el-table-column
-                      label="操作"
-                      align="center"
-                      width="300">
+                    <el-table-column label="操作" align="center" width="300">
                       <template slot-scope="scope">
                         <el-button @click="update(scope.row)" type="text" size="small" :disabled="up_flag" v-if="(!scope.row.subsets)&&scope.$index<Math.min(...now_image_version)">升级</el-button>
                         <el-button @click="update(scope.row)" type="text" size="small" :disabled="up_flag" v-if="(!scope.row.subsets)&&scope.$index>Math.max(...now_image_version)">回滚</el-button>
@@ -224,7 +173,7 @@
                         <el-button @click="delete_ver(scope.row)" style="color:#830f53;font-weight:600;" type="text" size="small" :disabled="up_flag" v-if="scope.row.subsets&&now_image_version.length>=2">删除</el-button>
                       </template>
                     </el-table-column>
-                    
+
                   </el-table>
                 </nor-card>
               </div>
@@ -232,23 +181,14 @@
           </div>
         </div>
       </div>
-      <apass-dialog
-        ref="actiondialog"
-        title="综合应用服务发布"
-        width="520px"
-      >
+      <apass-dialog ref="actiondialog" title="综合应用服务发布" width="520px">
         <template slot="content">
           <div class="dialog-content">
             <el-form :model="publicForm" :rules="public_rules" ref="publicForm" class="demo-ruleForm">
               <p class="formname">服务领域：</p>
               <el-form-item prop="area">
                 <el-select v-model="publicForm.area" placeholder="请选择服务领域">
-                  <el-option
-                      v-for="item in area_arr"
-                      :key="item.id"
-                      :label="item.name"
-                      :value="item.id"
-                  ></el-option>
+                  <el-option v-for="item in area_arr" :key="item.id" :label="item.name" :value="item.id"></el-option>
                 </el-select>
               </el-form-item>
               <p class="formname">开放程度：</p>
@@ -263,24 +203,15 @@
           </div>
         </template>
         <template slot="action">
-            <el-button
-              size="mini"
-              v-text="'取消'"
-              @click="dialogCancel"
-            >
-            </el-button>
-            <el-button
-              type="primary"
-              size="mini"
-              v-text="'发布'"
-              @click="save_file"
-            >
-            </el-button>
+          <el-button size="mini" v-text="'取消'" @click="dialogCancel">
+          </el-button>
+          <el-button type="primary" size="mini" v-text="'发布'" @click="save_file">
+          </el-button>
         </template>
       </apass-dialog>
     </div>
     <dialog-action ref="myConfirm" :confirmOptions="tipsOptions"></dialog-action>
-    
+
   </div>
 </template>
 
@@ -292,8 +223,8 @@ import uploadFile from "@/components/general/upload_file";
 import norCard from "@/components/card";
 import waveIcon from "@/components/general/wave_icon";
 import Topology from "@/components/topology.vue";
-import apassDialog from '@/components/apass-dialog'
-import tableUm from '@/components/table/table-um'
+import apassDialog from "@/components/apass-dialog";
+import tableUm from "@/components/table/table-um";
 import { getRole } from "@/utils/common";
 import { mapGetters, mapState } from "vuex";
 export default {
@@ -310,37 +241,39 @@ export default {
   },
   data() {
     return {
-      mesh_value:0,
-      mesh_options:[
+      mesh_value: 0,
+      mesh_options: [
         {
-          value:0,
-          label:'多版本回滚'
+          value: 0,
+          label: "多版本回滚"
         },
         {
-          value:1,
-          label:'AB测试'
+          value: 1,
+          label: "AB测试"
         },
         {
-          value:2,
-          label:'权重管理'
-        },
+          value: 2,
+          label: "权重管理"
+        }
       ],
       now_user: 0, //0：普通用户，1：组织管理员，2：超级管理员
       buy_style: 0,
       image_select: 0,
       oldpag_name: "镜像文件002.rar",
-      fw_data:[],
+      fw_data: [],
       imgList: [],
       imgList1: [],
-      header_data:"",
-      service_list_arr:[],
-      publicForm:{
-        area:'',
-        open:''
+      header_data: "",
+      service_list_arr: [],
+      publicForm: {
+        area: "",
+        open: ""
       },
-      public_rules:{
-        area:[{ required: true, message: '请选择服务领域', trigger: 'change' }],
-        open:[{ required: true, message: '请选择开放程度', trigger: 'change' }],
+      public_rules: {
+        area: [
+          { required: true, message: "请选择服务领域", trigger: "change" }
+        ],
+        open: [{ required: true, message: "请选择开放程度", trigger: "change" }]
       },
       yx_state: {
         state: "",
@@ -358,11 +291,11 @@ export default {
         maxTraffic: "",
         memory: ""
       },
-      public_flag:false,
-      now_micor_service:0,
+      public_flag: false,
+      now_micor_service: 0,
       image_arr: [],
       area_arr: [],
-      now_image_version:[],
+      now_image_version: [],
       form: {
         name: "",
         fileList: "",
@@ -470,7 +403,7 @@ export default {
           }
         ],
         yydebugger: false,
-        yydev:false,
+        yydev: false,
         url: ""
       },
       now_service: 0,
@@ -521,8 +454,8 @@ export default {
         },
         {
           title: "使用说明：",
-          info: ""
-        },
+          info: "\n访问地址：\nhttp://tomcat.wodcloud.com/"
+        }
       ],
       markdown: "",
       fwfw_arr: [
@@ -538,9 +471,9 @@ export default {
       showPass: false,
       public: false,
       public_form: false,
-      now_tag:'',
-      up_flag:false,
-      is_current_user:0,
+      now_tag: "",
+      up_flag: false,
+      is_current_user: 0
     };
   },
   computed: {
@@ -564,68 +497,68 @@ export default {
       this.now_service = 1;
     }
   },
-  mounted() {
-    
-  },
+  mounted() {},
   methods: {
-    get_service_arae(){
+    get_service_arae() {
       this.$http
-            .get('/apaas/service/v3/service/manager/servarea')
-            .then(response => {
-                let data = response.data.data
-                this.area_arr = data
-            })
-            .catch(function(response) {
-                
-            });
+        .get("/apaas/service/v3/service/manager/servarea")
+        .then(response => {
+          let data = response.data.data;
+          this.area_arr = data;
+        })
+        .catch(function(response) {});
     },
-    public_service(){
+    public_service() {
       this.$refs.actiondialog.show();
     },
-    dialogCancel(){
+    dialogCancel() {
       this.$refs.actiondialog.hide();
     },
-    service_public(){
+    service_public() {
       this.$http
-        .post(`/apaas/service/v3/service/manager/apptoserv`,{
-          sectors:this.publicForm.area,
-          deply_id:parseInt(this.$route.params.deploy_id),
-          openness:this.publicForm.open
+        .post(`/apaas/service/v3/service/manager/apptoserv`, {
+          sectors: this.publicForm.area,
+          deply_id: parseInt(this.$route.params.deploy_id),
+          openness: this.publicForm.open
         })
         .then(response => {
-          if(response.data.success){
-            this.$message.success(response.data.errMsg)
-          }else{
-            this.$message.error(response.data.errMsg)
-          }
-        })
-    },
-    save_file(){
-      this.$refs['publicForm'].validate((valid) => {
-          if (valid) {
-            this.$refs.actiondialog.hide();
-            this.service_public()
+          if (response.data.success) {
+            this.$message.success(response.data.errMsg);
           } else {
-            console.log('error submit!!');
-            return false;
+            this.$message.error(response.data.errMsg);
           }
         });
     },
-    event_source(){
+    save_file() {
+      this.$refs["publicForm"].validate(valid => {
+        if (valid) {
+          this.$refs.actiondialog.hide();
+          this.service_public();
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    event_source() {
       //更新版本时请求版本状态
-      var _this = this
-      const se = new EventSource(`/apaas/istio/service/${this.header_data.namespace}/versions/events/${this.service_list_arr[this.now_micor_service].service}/${this.now_tag}/subscribe`, { withCredentials: true }) // 后端接口，要配置允许跨域属性
-      se.onopen=function(e){}
-      se.onmessage=function(e){
-        console.log(e.data)
-          se.close()
-          setTimeout(() => {
-            _this.get_micro_service()
-            _this.$message.success('更新完成')
-          }, 100);
-        
-      }
-      se.onerror=function(e){}
+      var _this = this;
+      const se = new EventSource(
+        `/apaas/istio/service/${this.header_data.namespace}/versions/events/${
+          this.service_list_arr[this.now_micor_service].service
+        }/${this.now_tag}/subscribe`,
+        { withCredentials: true }
+      ); // 后端接口，要配置允许跨域属性
+      se.onopen = function(e) {};
+      se.onmessage = function(e) {
+        console.log(e.data);
+        se.close();
+        setTimeout(() => {
+          _this.get_micro_service();
+          _this.$message.success("更新完成");
+        }, 100);
+      };
+      se.onerror = function(e) {};
     },
     getCurrentUser() {
       this.$api.user.getNowUser().then(({ data }) => {
@@ -643,39 +576,56 @@ export default {
     },
     //更新
     update(val) {
-      this.up_flag = true
-      this.$message.success('开始更新版本')
+      this.up_flag = true;
+      this.$message.success("开始更新版本");
       this.$http
-        .post(`/apaas/istio/service/${this.header_data.namespace}/image/${this.service_list_arr[this.now_micor_service].service}/${this.image_arr[this.image_select].name}/update`,{
-          tag:val.tag
-        })
+        .post(
+          `/apaas/istio/service/${this.header_data.namespace}/image/${
+            this.service_list_arr[this.now_micor_service].service
+          }/${this.image_arr[this.image_select].name}/update`,
+          {
+            tag: val.tag
+          }
+        )
         .then(response => {
-          if(response.data.success){
-            this.get_micro_service(true)
+          if (response.data.success) {
+            this.get_micro_service(true);
           }
-        })
+        });
     },
     //蓝绿发布
-    together(val){
-      this.up_flag = true
+    together(val) {
+      this.up_flag = true;
       this.$http
-        .post(`/apaas/istio/service/${this.header_data.namespace}/image/${this.service_list_arr[this.now_micor_service].service}/${this.image_arr[this.image_select].name}/publish`,{
-          tag:val.tag
-        }).then(response => {
-          this.up_flag = false
-          this.get_micro_service()
-        })
+        .post(
+          `/apaas/istio/service/${this.header_data.namespace}/image/${
+            this.service_list_arr[this.now_micor_service].service
+          }/${this.image_arr[this.image_select].name}/publish`,
+          {
+            tag: val.tag
+          }
+        )
+        .then(response => {
+          this.up_flag = false;
+          this.get_micro_service();
+        });
     },
     //删除
-    delete_ver(val){
-      this.up_flag = true
+    delete_ver(val) {
+      this.up_flag = true;
       this.$http
-        .post(`/apaas/istio/service/${this.header_data.namespace}/image/${this.service_list_arr[this.now_micor_service].service}/${this.image_arr[this.image_select].name}/unpublish`,{
-          tag:val.tag
-        }).then(response => {
-          this.up_flag = false
-          this.get_micro_service(true,val.subsets)
-        })
+        .post(
+          `/apaas/istio/service/${this.header_data.namespace}/image/${
+            this.service_list_arr[this.now_micor_service].service
+          }/${this.image_arr[this.image_select].name}/unpublish`,
+          {
+            tag: val.tag
+          }
+        )
+        .then(response => {
+          this.up_flag = false;
+          this.get_micro_service(true, val.subsets);
+        });
     },
     rollback(val) {
       console.log(val);
@@ -686,112 +636,134 @@ export default {
     online(val) {
       console.log(val);
     },
-    debuggerfunc(){
-      this.$router.push(`/yygl/${this.$route.params.level}/${this.$route.params.type}/appdebugger/${this.$route.params.deploy_id}?namespace=${this.header_data.namespace}&app=${this.header_data.deploy_name}`)
+    debuggerfunc() {
+      this.$router.push(
+        `/yygl/${this.$route.params.level}/${
+          this.$route.params.type
+        }/appdebugger/${this.$route.params.deploy_id}?namespace=${
+          this.header_data.namespace
+        }&app=${this.header_data.deploy_name}`
+      );
     },
-    get_app_generl(){
+    get_app_generl() {
       this.$http
-        .get(`/apaas/hubApi/market/status/overview/${this.$route.params.deploy_id}`)
+        .get(
+          `/apaas/hubApi/market/status/overview/${this.$route.params.deploy_id}`
+        )
         .then(response => {
-          let data = response.data.data
-          this.yx_state= {
+          let data = response.data.data;
+          this.yx_state = {
             state: data.appState,
             averageTime: data.respTime.avg,
             maxTime: data.respTime.max,
             averageTraffic: data.throughput.avg,
             maxTraffic: data.throughput.max,
             memory: data.resource.memory
-          }
-        })
+          };
+        });
     },
-    get_micro_service(val,type){
+    get_micro_service(val, type) {
       this.$http
-        .get(`/apaas/istio/service/${this.header_data.namespace}/overview/${this.service_list_arr[this.now_micor_service].service}`)
+        .get(
+          `/apaas/istio/service/${this.header_data.namespace}/overview/${
+            this.service_list_arr[this.now_micor_service].service
+          }`
+        )
         .then(response => {
-          if(response.data.success){
-            let data = response.data.data
-            this.image_arr = []
+          if (response.data.success) {
+            let data = response.data.data;
+            this.image_arr = [];
             data.imageNames.forEach(e => {
               this.image_arr.push({
-                name:e,
-                data:[]
-              })
+                name: e,
+                data: []
+              });
             });
-            this.micor_state= {
+            this.micor_state = {
               state: data.appState,
               averageTime: data.respTime.avg,
               maxTime: data.respTime.max,
               averageTraffic: data.throughput.avg,
               maxTraffic: data.throughput.max,
               memory: data.resource.memory
-            }
-            this.getImageInfo(val,type)
+            };
+            this.getImageInfo(val, type);
           }
-        })
-    }, 
-    change_micor(n){
-      this.now_micor_service = n
-      this.get_micro_service()
+        });
     },
-    compare(property){
-        return function(a,b){
-            var value1 = a[property];
-            var value2 = b[property];
-            return value2 - value1;
-            // return value1 - value2;
-        }
+    change_micor(n) {
+      this.now_micor_service = n;
+      this.get_micro_service();
     },
-    getImageInfo(val,type) {
+    compare(property) {
+      return function(a, b) {
+        var value1 = a[property];
+        var value2 = b[property];
+        return value2 - value1;
+        // return value1 - value2;
+      };
+    },
+    getImageInfo(val, type) {
       this.$http
-        .get(`/apaas/istio/service/${this.header_data.namespace}/image/${this.service_list_arr[this.now_micor_service].service}/${this.image_arr[this.image_select].name}/versions`)
+        .get(
+          `/apaas/istio/service/${this.header_data.namespace}/image/${
+            this.service_list_arr[this.now_micor_service].service
+          }/${this.image_arr[this.image_select].name}/versions`
+        )
         .then(response => {
           console.log(response);
-          var _this = this
+          var _this = this;
           let data = response.data.data;
           data.list.forEach(e => {
             data.runnings.forEach(el => {
-              if(e.tag==el.tag){
-                e['subsets'] = el.subsets
+              if (e.tag == el.tag) {
+                e["subsets"] = el.subsets;
               }
             });
           });
           data.list.forEach(e => {
-            e['num']=parseInt(e.date.replace(/-/g,'').replace(/:/g,'').replace(' ',''))
+            e["num"] = parseInt(
+              e.date
+                .replace(/-/g, "")
+                .replace(/:/g, "")
+                .replace(" ", "")
+            );
           });
-          var temp_arr = data.list.sort(this.compare('num'))
+          var temp_arr = data.list.sort(this.compare("num"));
           console.log(temp_arr);
-          this.$set(this.image_arr[this.image_select],'data',temp_arr)
-          this.now_image_version = []
-          this.image_arr[this.image_select].data.forEach((e,idx)=> {
-            if(e.subsets){
-              this.now_image_version.push(idx)
+          this.$set(this.image_arr[this.image_select], "data", temp_arr);
+          this.now_image_version = [];
+          this.image_arr[this.image_select].data.forEach((e, idx) => {
+            if (e.subsets) {
+              this.now_image_version.push(idx);
             }
           });
-          if(val){
+          if (val) {
             //删除
-            if(type){
-              var temp = ''
+            if (type) {
+              var temp = "";
               this.now_tag.forEach(e => {
-                if(type==e){
-
-                }else{
-                  temp = e
+                if (type == e) {
+                } else {
+                  temp = e;
                 }
               });
-              this.now_tag = temp
+              this.now_tag = temp;
             }
             //调用监听
-            this.event_source()
-          }else{
-            if(data.runnings.length==1){
-              this.now_tag = data.runnings[0].subsets
-            }else{
-              this.now_tag = [data.runnings[0].subsets,data.runnings[1].subsets]
+            this.event_source();
+          } else {
+            if (data.runnings.length == 1) {
+              this.now_tag = data.runnings[0].subsets;
+            } else {
+              this.now_tag = [
+                data.runnings[0].subsets,
+                data.runnings[1].subsets
+              ];
             }
-            this.up_flag = false
+            this.up_flag = false;
           }
           // console.log(Math.min(...now_image_version))
-          
         })
         .catch(function(response) {});
     },
@@ -885,11 +857,11 @@ export default {
         .get(`/apaas/hubApi/market/deployInfo/${this.$route.params.deploy_id}`)
         .then(response => {
           let data = response.data.data;
-          this.header_data = data
-          this.public_flag = false
-          this.is_current_user = data.is_current_user
-          if(data.is_apply==0&&(data.type==2||data.type==3)){
-            this.public_flag = true
+          this.header_data = data;
+          this.public_flag = false;
+          this.is_current_user = data.is_current_user;
+          if (data.is_apply == 0 && (data.type == 2 || data.type == 3)) {
+            this.public_flag = true;
           }
           this.$set(
             this.service_header_arr,
@@ -915,20 +887,20 @@ export default {
           this.$set(
             this.service_header_arr["second"][1],
             "text",
-            data.namespace+'('+data.workplace+')'
+            data.namespace + "(" + data.workplace + ")"
           );
           this.$set(this.service_header_arr["second"][2], "text", data.created);
 
           //应用开发调试按钮显示
-          if(this.now_user==0||this.now_user==2){
-            this.service_header_arr.yydebugger = true
-          }else{
-            this.service_header_arr.yydebugger = false
+          if (this.now_user == 0 || this.now_user == 2) {
+            this.service_header_arr.yydebugger = true;
+          } else {
+            this.service_header_arr.yydebugger = false;
           }
-          if(this.now_user==0){
-            this.service_header_arr.yydev = true
-          }else{
-            this.service_header_arr.yydev = false
+          if (this.now_user == 0) {
+            this.service_header_arr.yydev = true;
+          } else {
+            this.service_header_arr.yydev = false;
           }
         })
         .catch(function(response) {});
@@ -944,7 +916,13 @@ export default {
           this.introductionArr[0].info = data.yyjj;
           this.introductionArr[1].info = data.gnjj;
           this.introductionArr[2].info = data.cjsl;
-          this.introductionArr[4].info = data.sysm;
+          let sysm = data.sysm;
+          if (String(sysm).slice(0, 1) == "\n") {
+            this.introductionArr[4].info = sysm.slice(1);
+          } else {
+            this.introductionArr[4].info = sysm;
+          }
+          console.log(this.introductionArr[4].info);
         });
       this.$api.workbench
         .getAppParams({
@@ -955,17 +933,17 @@ export default {
           this.markdown = data;
         });
     },
-    get_service_list(){
+    get_service_list() {
       this.$http
         .get(`/apaas/hubApi/market/services/${this.$route.params.deploy_id}`)
         .then(response => {
-          if(response.data.success){
-            this.service_list_arr = response.data.data
-            if(this.service_list_arr&&this.service_list_arr.length){
-              this.get_micro_service()
+          if (response.data.success) {
+            this.service_list_arr = response.data.data;
+            if (this.service_list_arr && this.service_list_arr.length) {
+              this.get_micro_service();
             }
           }
-        })
+        });
     }
   }
 };
@@ -991,58 +969,56 @@ export default {
 .info_contain2 .el-input__inner {
   background-color: #f7f8f9;
   width: 1022px;
-} 
-.dialog-content .el-input__inner{
+}
+.dialog-content .el-input__inner {
   background-color: #f7f8f9;
   width: 460px;
 }
-.dialog-content .el-form-item{
+.dialog-content .el-form-item {
   margin-top: 15px;
   margin-bottom: 0;
 }
 
 .service_list ::-webkit-scrollbar {
-width: 0px; /*对垂直流动条有效*/
-height: 0px; /*对水平流动条有效*/
+  width: 0px; /*对垂直流动条有效*/
+  height: 0px; /*对水平流动条有效*/
 }
 
 /*定义滚动条的轨道颜色、内阴影及圆角*/
-.service_list ::-webkit-scrollbar-track{
-background-color: rosybrown;
-border-radius: 3px;
+.service_list ::-webkit-scrollbar-track {
+  background-color: rosybrown;
+  border-radius: 3px;
 }
 
-
 /*定义滑块颜色、内阴影及圆角*/
-.service_list ::-webkit-scrollbar-thumb{
-border-radius: 7px;
-background-color: #E8E8E8;
+.service_list ::-webkit-scrollbar-thumb {
+  border-radius: 7px;
+  background-color: #e8e8e8;
 }
 
 /*定义两端按钮的样式*/
 .service_list ::-webkit-scrollbar-button {
-background-color:cyan;
+  background-color: cyan;
 }
 
 /*定义右下角汇合处的样式*/
 .service_list ::-webkit-scrollbar-corner {
-background:khaki;
+  background: khaki;
 }
 
-.addimage .el-input__inner{
+.addimage .el-input__inner {
   width: 110px;
   height: 28px;
   line-height: 28px;
   font-size: 12px;
   color: #707693;
 }
-.addimage .el-input__icon{
+.addimage .el-input__icon {
   line-height: 28px;
 }
-
 </style>
 <style scoped>
-.info_contain >>> .apass_dialog .el-dialog__footer{
+.info_contain >>> .apass_dialog .el-dialog__footer {
   padding-top: 0;
 }
 .detail_contain {
@@ -1120,8 +1096,8 @@ background:khaki;
 }
 .addimage {
   position: absolute;
-  right:20px;
-  top:-36px;
+  right: 20px;
+  top: -36px;
 }
 .use_know p {
   height: 44px;
@@ -1232,7 +1208,7 @@ background:khaki;
   overflow: hidden;
   -webkit-box-orient: vertical;
 }
-.service_list{
+.service_list {
   float: left;
   width: 400px;
   height: 100%;
@@ -1240,9 +1216,9 @@ background:khaki;
   border: 1px solid #e5f0ff;
   border-radius: 12px 0px 0px 12px;
 }
-.service_box{
+.service_box {
   width: 398px;
-	height: 48px;
+  height: 48px;
   line-height: 48px;
   text-align: left;
   padding-left: 38px;
@@ -1250,43 +1226,43 @@ background:khaki;
   position: relative;
   cursor: pointer;
 }
-.service_tips{
+.service_tips {
   display: inline-block;
   position: absolute;
   font-size: 12px;
   color: #e15260;
   width: 42px;
-	height: 20px;
+  height: 20px;
   line-height: 20px;
   text-align: center;
   background-color: #ffefef;
-	border-radius: 4px;
-	border: solid 1px #d7a4a9;
-  top:13px;
-  right:50px;
+  border-radius: 4px;
+  border: solid 1px #d7a4a9;
+  top: 13px;
+  right: 50px;
 }
-.service_detail{
+.service_detail {
   float: left;
   height: 270px;
   width: calc(100% - 425px);
 }
-.service_card_box{
+.service_card_box {
   float: left;
   border-right: 1px solid #e5f0ff;
   width: calc(25%);
 }
-.card_contain .service_card_box:nth-last-of-type(1){
-  border-right:0;
+.card_contain .service_card_box:nth-last-of-type(1) {
+  border-right: 0;
 }
-.dialog-content{
+.dialog-content {
   text-align: left;
 }
-.dialog-content .formname{
+.dialog-content .formname {
   font-size: 14px;
   color: #8890a7;
   margin-top: 25px;
 }
-.dialog-content .formname:nth-of-type(1){
+.dialog-content .formname:nth-of-type(1) {
   margin-top: 0px;
 }
 </style>
-- 
2.26.0