| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>微服务信息管理</title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
- <meta charset="utf-8"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
- <link rel="stylesheet" href="/common-assets/css/normalize.css"/>
- <!-- 引入样式 -->
- <link rel="stylesheet" href="/common-assets/css/chunk/element-common.css">
- <link rel="stylesheet" href="/common-assets/css/dwElementUI.css"/>
- <script src="/common-assets/js/jquery-2.1.1.js"></script>
- <script src="/common-assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
- <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
- <script src="/common-assets/plugins/dotize/dotize.js"></script>
- <script src="/common-assets/js/promise-polyfill.min.js"></script>
- <!-- 开发阶段使用vue.js以获取编译信息 -->
- <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
- <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
- <!-- 引入组件库 -->
- <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
- </head>
- <body class="pace-done gray-bg">
- <div class="container-fluid">
- <div class="wrapper-cont" id="msServiceInstanceContent" v-cloak>
- <el-table size="medium" stripe border highlight-current-row tooltip-effect="dark" style="width: 100%"
- ref="msServiceInstanceTable" :data="msServiceInstanceList" height="390">
- <el-table-column v-if="!inViewMode" prop="operation" fixed label="操作" width="70">
- <template slot-scope="scope">
- <el-tooltip content="上线" placement="top" v-if="scope.row.status === 'OUT_OF_SERVICE'">
- <el-button size="mini" @click="onlineInstance(scope)" icon="el-icon-upload2"></el-button>
- </el-tooltip>
- <el-tooltip content="下线" placement="top" v-if="scope.row.status === 'UP'">
- <el-button size="mini" @click="offlineInstance(scope)" icon="el-icon-download"></el-button>
- </el-tooltip>
- </template>
- </el-table-column>
- <el-table-column prop="instanceId" fixed label="实例ID" width="150">
- </el-table-column>
- <el-table-column prop="status" label="状态" width="170">
- <template slot-scope="scope">
- <el-tag :type="scope.row.status === 'UP' ? 'success' : 'danger'">{{scope.row.status}}</el-tag>
- </template>
- </el-table-column>
- <el-table-column prop="hostName" label="主机名">
- </el-table-column>
- <el-table-column prop="ipAddr" label="IP地址" width="150">
- </el-table-column>
- <el-table-column prop="metadata" label="元数据">
- <template slot-scope="scope">
- <a @click="viewInstanceMetadata(scope.row)">查看</a>
- </template>
- </el-table-column>
- <el-table-column prop="healthCheckUrl" label="健康检查地址" width="200">
- <template slot-scope="scope">
- <a :href="scope.row.healthCheckUrl" target="_blank">手动检查</a>
- </template>
- </el-table-column>
- </el-table>
- <div id="metadataForm" v-show="false" style="margin: 15px;">
- <el-form class="with-border" label-position="right" size="small" label-width="200px"
- :model="selectedInstanceMetadata">
- <el-row v-for="prop in Object.entries(selectedInstanceMetadata)">
- <el-col>
- <el-form-item :label="prop[0]">
- <el-input disabled :value="prop[1]"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </div>
- </div>
- </div>
- </body>
- <!-- 本页面对应JS-->
- <script src="/common-assets/js/project.config.js"></script>
- <script src="/common-assets/js/common.js"></script>
- <script src="../static/js/msServiceInstance.js"></script>
- </html>
|
